julianastahelin / huddle-landing-page

Huddle landing page built as an exercise for advanced HTML and CSS practicing.

Huddle landing page with single introductory section

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.

Overview

The project

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.

Screen preview

Desktop

Active states

Mobile

Links

• 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

My process

Built with 👩🏽‍💻

• HTML 5;
• CSS 3.

What I practiced 💪🏽

• Using CSS pseudo-elements;
• Using CSS display flex;
• Styling backgrounds;
• Using media queries for responsiveness.