Submitted 6 months ago

QR Scan Page built Using HTML and CSS

Julius Macharia• 100

@MashaKE254

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

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

@MoLaadjal

Posted 6 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 ;-)

Julius Macharia• 100

@MashaKE254

Posted 6 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.

MoLaadjal• 30

@MoLaadjal

Posted 6 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

Please log in to post a comment

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