Design comparison
Solution retrospective
vertical responsiveness
Community feedback
- @mkborisPosted 3 days ago
Great work, the
height: 100vh
on the .container makes the container to be kind of cut off from the viewport, change it tomin-height: 100vh
. Usingmin-height
ensures the content can grow beyond the viewport height if necessary, whileheight
would restrict it to exactly the viewport height, potentially causing overflow issues. Ideally, it's better to apply this style to thebody
element rather than the .container.Also, to improve the semantic meaning of these social media links, you should use the
a
tag instead of thebutton
tag. Thea
tag is used for navigation to other pages, while thebutton
tag is designed for interactive actions like submitting forms or for events like toggling content.Hope this helps, Good luck!
Marked as helpful1
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