Huddle landing page with Sass

Solution retrospective
Any feedback are welcome
Please log in to post a comment
Log in with GitHubCommunity feedback
- @davidomarf
The mobile version scales perfectly, and the desktop version works great on the intended width, but looks funny on the intermediate widths.
Also, the social icons appear at the middle of the screen when the height of the viewport is higher.
I think you could achieve a more responsive layout if you separate the "main" containers in three: The navbar, the content, and the footer. Then you display them in a flex container with a height of 100vh, and that justifies its content as
space-between
in a column.In tall screens, the background looks cropped. To prevent that, change
background-size
fromcontain
tocover
.I really like that your content is capped to a maximum width.
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