Skip to content
Submitted 9 months ago

Huddle landing page

Maz•100
@Maz-hub
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with a single introductory section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

In working on the Huddle landing page, I ran into a few main challenges:

  • Responsive Background Images: Transition between desktop and mobile background images across different screen sizes was challenging.

  • Preventing Unwanted Scrolling: Eliminating horizontal scrolling caused by overflow elements

  • Optimizing for Different Screen Sizes: Adjusting the design for various screen sizes without heavily relying on media queries.

I absolutely love the clamp() function. Any suggestions or corrections are welcome ;)

Community feedback

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord