Skip to content
Submitted 5 months ago

How to center QR Code in a website

Willem Aaron G. Pacardo•10
@thisismaw
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

What are you most proud of, and what would you do differently next time?

I'd approach it differently. There are a lot of ways to finish this exercise.

What challenges did you encounter, and how did you overcome them?

The challenge that I encountered is at first, I thought I was going to create a QR code from scratch. I realized late that I will get a QR code from the photo provided.

What specific areas of your project would you like help with?

So far, none.

Community feedback

  • Rediet Kifle•30
    @Speck249Posted 5 months ago

    Awesome work! Maybe try resizing h1 so that the container's height resembles the container in the Figma design.

    Marked as helpful
    1
    Willem Aaron G. Pacardo•10
    @thisismawPosted 5 months ago

    @Speck249 Oh yeah, thank you so much for mentioning it. I only took a quick glance at the image and I did it right away so I kinda forgot all the details.

    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