Users should be able to:
- View the optimal layout for the page 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-single-intro-with-scss-flexbox-tqkx2EIZm
- Live Site URL: https://ishantbhurani.github.io/huddle-landing-page-with-single-introductory-section/
Color | Hex |
---|---|
Violet | hsl(257, 40%, 49%) |
Soft Magenta | hsl(300, 69%, 71%) |
White | hsl(0, 0%, 100%) |
Clone the project
git clone [email protected]:ishantbhurani/huddle-landing-page-with-single-introductory-section.git
Go to the project directory
cd huddle-landing-page-with-single-introductory-section
Run index.html
<browsername> index.html
E.g.
firefox index.html
google-chrome index.html
- Semantic HTML5 markup
- SASS - CSS pre-processor
- Flexbox
- CSS Grid
- Frontend Mentor - @ishantbhurani
- Twitter - @IShaunt