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 with Html and Css

@Wellington-Lucas

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


I found the design "easy" about positioning elements on the page. The only difficulty I had was in relation to the size established by the "Style Guide", which I tried to follow to the letter to have greater confidence in the stylization.

Community feedback

Hassia Issah 50,670

@Hassiai

Posted

replace <div class="attribution"> with the footer tag

To center a content on a page, add min-height:100vh; display: flex; align-items-center: justify-content: center; to the body. Instead pf using position relative and its properties. give the img a width value of 100% instead of width:300px

Use rem or em as unit for the padding , margin, width and preferably rem for the font-size for more on this watch this https://youtu.be/N5wpD9Ov_To Hope am helpful HAPPY CONDING

Marked as helpful

0

@Wellington-Lucas

Posted

@Hassiai Thank you very much for the comment, i will edit my code according to your tips. Again, thanks for helping to improve my code.

0
Hassia Issah 50,670

@Hassiai

Posted

@Wellington-Lucas mark my comment as helpful

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