Skip to content
Submitted 4 months ago

QR code component challenge

P
Emina Hadžić•60
@eminahadzicc
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?

Most proud of just starting and doing it, instead of still wanting to watch tutorials and google things first. It boosted the confidence to be able to get it right.

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

Mostly to center the div on the page. Searched on the internet for different ways.

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

Probably with Flexbox. I keep reading that it's super useful and could have been easier when I was looking for a way to center the div on the page, so that's something to look into.

Community feedback

  • van3030•120
    @van3030Posted 4 months ago

    To center all the elements that you do in flexbox you can consider this code if you want: first set all the value of variable body: display:flex, justify content:center, align-items:center, height:100vh.

    Hopefully this will helpful.

    Marked as helpful
    1
  • Darren•30
    @darbataPosted 4 months ago

    very nice

    1

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