Responsive QR code component using HTML and SCSS

Solution retrospective
Hello any feedback is welcome but I did run into a weird issue with this project. In order for me to center the component on the page using flex align and justify I had to set the html and body to 100% height. Do the html and body sections not automatically have 100% height?
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Lukiticas
Hi!!! Well, it does, if i'm not wrong body and html tag aways follow the screen's viewport. You could make a parent tag that would wrap the card, and set its width and height to 100%, or 100vw and 100vh, then making it "display: grid" and "place-item: center" will center everything inside.
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