Users should be able to:
- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page
- Solution URL: https://www.frontendmentor.io/solutions/huddle-landing-page-with-flexbox-css-grid-3LBLxAXrO
- Live Site URL: https://ishantbhurani.github.io/huddle-landing-page-with-alternating-feature-blocks/
Color | Hex |
---|---|
Pink | hsl(322, 100%, 66%) |
Pale Cyan | hsl(193, 100%, 96%) |
dark-cyan | hsl(192, 100%, 9%) |
grayish-blue | hsl(208, 11%, 55%) |
White | hsl(0, 0%, 100%) |
Clone the project
git clone [email protected]:ishantbhurani/huddle-landing-page-with-alternating-feature-blocks.git
Go to the project directory
cd huddle-landing-page-with-alternating-feature-blocks
Run index.html
<browsername> index.html
E.g.
firefox index.html
google-chrome index.html
- Semantic HTML5 markup
- Flexbox
- CSS Grid
- Frontend Mentor - @ishantbhurani
- Twitter - @IShaunt