Skip to content
Submitted 8 months ago

QR Scan Page built Using HTML and CSS

Julius Macharia•100
@MashaKE254
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?

This design gave me a bit of a problem, I am proud that I solved it using no help but trial and error. I will try to improve the methodology but for now I think this is good.

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

Centering the whole thing on the page, I was styling the wrong thing the whole time.

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

The grid method still gives me a bit of a headache. also is it possible to center using Flexbox, I have tried but it gives me errors.

Community feedback

  • MoLaadjal•30
    @MoLaadjalPosted 8 months ago

    Hi, Jumanji-21 !

    Your solution is good but there is a spacing problem, it miss some space between "Improve your front-end skills by building projects" and the qr code image (maybe you should add some padding) Also, there is too much white space at the bottom of your container.

    Keep going and good luck ;-)

    0
    Julius Macharia•100
    @MashaKE254Posted 8 months ago

    @MoLaadjal Thanks for the comment, I am currently learning so I will make some mistakes. I think I added one for the padding. as for the white space, that was an oversight on my part.

    0
    MoLaadjal•30
    @MoLaadjalPosted 8 months ago

    @Jumanji-21 You’re welcome! I’m also learning along the way. It’s by doing that we learn, and making mistakes is part of the process.

    Marked as helpful
    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