This is an intermediate coding challenge via Frontend Mentor (https://www.frontendmentor.io). The challende is to build out this landing page and get it looking as close to the design as possible.
- Bright Red: hsl(12, 88%, 59%)
- Dark Blue: hsl(228, 39%, 23%)
- Dark Grayish Blue: hsl(227, 12%, 61%)
- Very Dark Blue: hsl(233, 12%, 13%)
- Very Pale Red: hsl(13, 100%, 96%)
- Vary Light Gray: hsl(0, 0%, 98%)
- Font size: 16px
- Family: Be Vietnam Pro
- Weights: 400, 500, 700
The project is built using:
- Semantic HTML5 markup
- Tailwind
- Flexbox
- Mobile-first workflow
Start writing out Tailwind classes from mobile view to lanscape view and from rest state of the element to auxiliary states (e.g. hover state).