Submitted 7 months ago

Huddle landing page

Maz• 100

@Maz-hub

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Huddle landing page with a single introductory section

HTML
CSS

1newbie

View challenge

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

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