QR-code-component using flex

Solution retrospective
Is there a way to remove the scrollbar without using 'overflow:hidden;' ?
Please log in to post a comment
Log in with GitHubCommunity feedback
- @MelvinAguilar
Hi there 👋. Good job on completing the challenge ! I have some feedback for you if you want to improve your code.
Answering your question:
- You should use a CSS reset to remove the default browser styles and make your page look the same in all browsers.
Your body's default margin causes the vertical scrollbar to appear.
Popular CSS resets:
HTML:
- Since this component involves scanning the QR code, the image is not a decoration, so it must have an
alt
attribute. Thealt
attribute should explain its purpose. e.g.QR code to frontendmentor.io
I hope you find it useful! 😄 Above all, the solution you submitted is great!
Happy coding! 🎄
Marked as helpful - @derwing
You have many ways to hiding the scroll - this is one, set the min-height to 90vh
main { min-height: 90vh; }
Marked as helpful
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