Skip to content
Submitted over 1 year ago

QR code challenge with CSS Grid

Julie Lacresse•30
@leiju91
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

Community feedback

  • César Machado•30
    @cmachdevPosted over 1 year ago

    Nice work...

    to center the .card horizontal and vertical you can use flexbox in the body, using - min-height: 100vh; display: flex; flex-direction: flex-direction: column; justify-content: center; align-items: center;

    and you don't need to add position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%);

    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