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

Designed a QR code with html and css

@maxibrain4

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


your feedback is welcome

Community feedback

@AdejohOS

Posted

This is a good one, but i think the following will also be cool. --Ensure you have a reset *{margin:0; padding:0; box-sizing:border-box} then add background-color to .main and eliminate .contbody, takeout flex, height from .screen and add padding eg 1rem. Eliminate .pbox, eliminate .pic, you can takeout height from img so image don't get distorted, takeout flex, height from .conttext so your text can flow eaisly and add text-align:center and a little padding. Eliminate .text. Replace .abo with a heading tag eg h1, set padding-bottom and font-size..... One Love!!!

Marked as helpful

0

@maxibrain4

Posted

@AdejohOS Thank you so much, i will adjust accordingly

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