Skip to content
Submitted 9 months ago

HTML, CSS

AlbanDavid494•40
@AlbanDavid494
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

well, when trying to align the items center at first, I found fit difficult but I took my time to restructure my html code and I learnt new things.

Community feedback

  • nanishipi•40
    @nanishipiPosted 9 months ago

    To center the whole card both vertically and horizontally, you can contain all of the elements inside of a div and add to the css ---> position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); This piece of code should center your container. Hope it helps!

    1
    AlbanDavid494•40
    @AlbanDavid494Posted 9 months ago

    Thanks alot @nanishipi

    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