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

challenge solution QR code component

DFerreir4 30

@DFerreir4

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


All feedback is welcome! Especially on mobile responsivenes work.

Community feedback

@Gerald-LeCour

Posted

Hey there! 👋 Your solution looks great!

Here is some things I would recommend:

  1. I would remove the body styles completely
  2. Instead of using pixles to size the main element, I would change the height and width to:
 min-height: 100vh;
 width: 100%;

3.Next I would use flex box to center everything, add this to your "main" element styles:

display: flex;
justify-content: center;
align-items: center;

I hope this was helpful for you! 😊

Marked 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