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

QR-Code component

@eeyvee-0x4d

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


In my div container, I have set its dimensions to 100vw and 100vh respectively. I expected the container to fit the view port. However, there still are scrollbars. Why is that?

Community feedback

@AlanLopRey

Posted

Hi good attempt, that happen because you need to do a reset of the padding and margin and you forget do it, in this part of you code *, *::before, *::after { box-sizing: border-box; font-family: Outfit, Ubuntu, sans-serif; } you only need to put the margin and padding at zero like this *, *::before, *::after { box-sizing: border-box; font-family: Outfit, Ubuntu, sans-serif; margin: 0; padding: 0; } I hope that help you

0

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