QR code component built with Semantic HTML5 markup, CSS, flexbox.
Design comparison
Solution retrospective
the responsive part of the project
Community feedback
- @Elle-yePosted 4 months ago
The text below the header is difficult to read because the color is too light. And the background color is darker. I think you switched the background color with the text color.
The sizes also differ a little from what's given in the figma file.
0 - @mking0823Posted 4 months ago
Looks great only suggestions is are max-width in px and with the width set to 100% So that your box and grow and shrink for something like a single card you may not even need a media media query. Kevin Powell on youtube has a great free course on it. https://courses.kevinpowell.co/conquering-responsive-layouts
Also per the MDN you should avoid using <br> tags to wrap text in <p> tags. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/br
0
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