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

HTML,CSS,DIVISIONS,TABLES

KT_08 110

@Indian08

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

OliCB 70

@OliCB

Posted

A few observations:

  • Make sure that your code indentation is consistent, this will make your code more readable
  • Avoid using non-existent tags like a1 and a2. In this case, if you need to select a part of a sentence, use <span class="yourClassHere">
  • Your layout breaks on smaller screens and is not responsive. This is because your card has a hardcoded absolute value. This also means that on almost all screens you card is not centered. To center a div, consider giving it a margin: 0 auto;
  • The fonts used do not correspond to the design, which uses the Outfit font.

Hope this is helpful. Always keep learning and always keep coding!

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