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

@justinrieman

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

@MrMohammedMath

Posted

Hello and congratulations about finishing your first challenge  I have some suggestions that I thought it will be helpful.

  • make sure to have at least one <main> tag. you can use it instaead of div with class container  Note: this will remove the "All page content should be contained by landmarks" warning
  • try to make .card-container take the full width and height using width: 100%; min-height: 100vh.

Marked as helpful

0

@justinrieman

Posted

@MrMohammedMath Thank you! I think I was confusing the desktop-preview.jpg with the desktop-design.jpg which is what made me want to change the width of .card-container.

0

@MrMohammedMath

Posted

@justinrieman just focus on desktop-design.jpg Happy 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