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 card component

#accessibility
Jewlius X 30

@jewlias

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


Completed my second challenge to solidify my knowledge on CSS Box Model after covering the basics on The Odin Project. So far, everything seems to be making sense and coming out as wished.

Community feedback

P
Jeuri Morel 1,405

@JeuriMorel

Posted

Looks great! Is there a reason for not centering the card on small screens? I see you're only giving the body full height on screens above a certain size, so I assume it's not a mistake.

Avoid using pixels for font sizes. Here's an article on how to create responsive and accessible font sizes.

0

Jewlius X 30

@jewlias

Posted

@JeuriMorel Yes, I don't want the card to center for small screens. I want it to be centered for large screens.

Thank you so much for that helpful article. I am going to start using clamp() going forward.

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