Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Huddle landing page (mobile first)

P

@joaoevribas


Design comparison


SolutionDesign

Solution retrospective


What specific areas of your project would you like help with?

I am not happy with the responsiveness between 375px - 1085px (my media query breakpoint). I am probably going to tweak the project and make it so it looks better at these screen widths, before switching to the mobile version at 375px.

I am also not happy with the inline padding (left and right) when making the viewport smaller, this start to get really cramped together.

I also have a question about the hero image, I hardcoded the width so it is the same size as the design but there is a drawback, when my viewport width gets smaller, the image does not shrink (not responsive), should I have used percentage instead? But then how do I get it the exact same size as the figma design (696px width)?

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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