Submitted over 4 years ago

Mobile-first Huddle landing page using semantic HTML & CSS (Flexbox)

Paul Harrington• 90

@loosenthedark

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

Hey, guys. This is my first time attempting a FM challenge, so all feedback welcome - especially on how to make my hero image more responsive. Thanks in advance!

Community feedback

Roman Filenko• 3,335

@rfilenko

Posted over 4 years ago

Hey, there is an issue with image, so a rule of thumb for responsive images - img {max-width: 100%;}, this way they will always have maximum width of its parent element.

Roman

Paul Harrington• 90

@loosenthedark

Posted over 4 years ago

@rfilenko Thanks for that tip, Roman!

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