FIRST CHALLENGE QR code with pure CSS using flexbox

Solution retrospective
Should I try to do this with bootstrap? Did I do a bad practice?
Please log in to post a comment
Log in with GitHubCommunity feedback
- @MrEasty94
Hey Andre, great job.... here's some feedback...
- I think you could use a <main> tag to wrap the card, I think this would be semantically correct.
- I think the 'attribution' section could be in a <footer> tag, again I think this would be semantically correct.
- For this, and future challenges, I would recommend setting your box-sizing to border-box. This makes calculating widths, heights, paddings, etc... a lot easier moving forward. One common way to do this is in your CSS, doing the following:
*, *::after, *::before { box-sizing: border-box; }
This sets all elements, including the after and before psuedo elements to the border-box model.
Great effort and keep going! :)
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