Skip to content
Submitted over 1 year ago

QR Code Challenge using CSS

Dom dK•20
@domdk
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

I enjoyed my first challenge. The alignment was honestly the most difficult and the the specifity issues that affected the attribution div. In the end I managed to get everything aligned. I also struggled with getting the layout to sit centered in the mobile view, so this aspect is not working.

Community feedback

  • Amy Spencer•300
    @amyspencerprojectPosted over 1 year ago

    Good Job getting everything centered! The mobile view looks centered on my end by the way 🥳

    Have you tried using CSS Flex? This makes centering much more manageable.

    Happy Coding!!

    0
    Dom dK•20
    @domdkPosted over 1 year ago

    @amyspencerproject Hi Amy, thankyou! I did try flex box, but for some reason I can't get the alignment I want from it, I will however keep trying. For this project I used display grid as I had seen/used it in another tutorial which used this method to center a button to the screen.

    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