Skip to content
Submitted about 1 year ago

QR card component

Jewlius X•30
@jewlias
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

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

  • Jeuri Morel•1,385
    @JeuriMorelPosted about 1 year ago

    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
    @jewliasPosted about 1 year ago

    @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

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