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 frontend mentor

@Shady-Waheed

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

hitmorecode 6,270

@hitmorecode

Posted

Congratulations on your effort. I took a look at your code and I have some tips:

  • Don't place CSS inside the HTML file. Create a file for CSS and link it to the HTML
  • The content inside the card is overflowing, to prevent this give the card a height of auto
  • Give the body a min-height of 100vh and use flexbox or CSS-Grid to place the card in the middle of the page.
  • Before starting the challenge read the style-guide.md in here you'll find the information you need to style your page. In this file you'll see what fonts to use, font weights, fonts size and colors.
  • Make it a good habit using CSS reset

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