This is a Huddle landing page built as an exercise for advanced HTML and CSS practicing, proposed by the course DevQuest by Dev em Dobro. The project is based in a challenge from Frontend Mentor.
The project consists of a landing page with a single introductory section. Users should be able to:
- View the optimal layout depending on their device's screen size;
- See hover states for interactive elements.
![image showing project on desktop size](https://raw.githubusercontent.com/julianastahelin/huddle-landing-page/main/design/design-desktop.png)
![image showing project on mobile size](https://raw.githubusercontent.com/julianastahelin/huddle-landing-page/main/design/active-states.gif)
![image showing project on mobile size](https://raw.githubusercontent.com/julianastahelin/huddle-landing-page/main/design/design-mobile.png)
- Live site URL: https://julianastahelin.github.io/huddle-landing-page/
- Frontend Mentor Challenge: https://www.frontendmentor.io/challenges/huddle-landing-page-with-a-single-introductory-section-B_2Wvxgi0
- Frontend Mentor - My solution: https://www.frontendmentor.io/solutions/solution-using-html-and-css-only--olW0nAOUO
- HTML 5;
- CSS 3.
- Using CSS pseudo-elements;
- Using CSS display flex;
- Styling backgrounds;
- Using media queries for responsiveness.