Design comparison
Solution retrospective
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 GitHubJoin 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