Please run npm install to spin up the project. The index.html file is the finaled file to be rendered locally.
To convert and watch the input mjml file, run npm run mjml in your terminal.
All assets have a relative local path to the index.html file.
I've included a CDN link to the Roboto font family as it is a Free font. Helvetica Neue and Arial are "proprietary" fonts of "Monotype Imaging" and sometimes require licensing. These fonts are typically accessible in windows machines and MacOS.
I used MJML to write semantic syntax to compile fallbacks for major email clients. The file where MJML is written is located in the input.mjml file.
Please recreate the layout “Coding_Test-Design.pdf” in html and css using html email development best practices. The recreation should be mobile friendly and collapse at a standard screen width.
Notes:
The design width is 620px. The font family is Helvetica Neue (Arial or Roboto are acceptable fallbacks if Helvetica Neue isn’t accessible).
Background Colors Used:
- #FFEBB4
- #FCD98E
- #FACC65
- #EC954F