Skip to content
Submitted about 1 year ago

Responsive landing page using CSS

Mirta•10
@msmontenegro3
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

When placing the QR code in the center of the page I was wondering if there was a better way to do it, because I used margin-top, but I'm not sure if there's a better way.

Community feedback

  • Jergus Lysy•230
    @j3rgusPosted about 1 year ago

    Hello Mirta. To center the component you can use a wrapping container set up with flex:

    .container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-height: 100vh;
}
    Marked as helpful
    0
    Mirta•10
    @msmontenegro3Posted about 1 year ago

    @j3rgus thank you so much! I really needed that haha

    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