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 Flexbox

@Feke21

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 it difficult to make my work more centered and i would love feedback on that and any any mistake i made with the work. Thanks.

Community feedback

@Jonhillupperton

Posted

Hello Feke,

Great on submitting your solution.

In the body tag of the css I wouldn’t place a width in there, just have the min-height. In the .card class I would put a max-width of 320px.

By doing this it will place the card central really. You won’t need a media queries.

Also with font-size and padding and margin try to use rem units you can use a converter online where you place the pixel amount in and it will give you the rem amount.

Thanks

Jon

Marked as helpful

0

@Feke21

Posted

@Jonhillupperton Thanks so much for looking into my work. I'll try it out and let you know. Thanks

0

@Jonhillupperton

Posted

@Feke21

No worries, any other questions just get in touch.

Thanks

Jon

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