Submitted about 1 year ago

Baby HTML and CSS mini project (QR Code page)

HenriettTipi• 200

@Blanchevalen

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 is my first mini project, so everything was new for me. Thank you for the challenge!

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

I don't know what is the good and what is the bad solution. So, the uncertainty is the worse. I believe that i will find the good way.

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

At this point, I have to beat myself.

Community feedback

Abere Fejiro• 470

@Fejiro001

Posted about 1 year ago

It looks good, but to center the card vertically, you can use justify-content: center.
Also wrapping all elements in a div will make it more structured, instead of using the body element as the background of the card.
The background color of the browser should be background-color: hsl(212, 45%, 89%).
Font family should be "Outfit" which you can get from Google fonts

Marked as helpful

HenriettTipi• 200

@Blanchevalen

Posted about 1 year ago

Dear @Fejiro001!

Thank you very much for your advice! I will fix my code and i will build it in my next mini project.

I hope, that i will hear about your future project! Nice day!

Abere Fejiro• 470

@Fejiro001

Posted about 1 year ago

@Blanchevalen

No problem

Can't wait to see your progress

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