Skip to content
Submitted over 1 year ago

QR code component solution

lstrbvry•110
@lstrbvry
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Proud to have at least built something today

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

Trying to center the image with flex, first was confused why it did not work, turns out I need to put a height to the body.

What I did,

  • Put a 100vh height to the body,
  • Then flex justify and align center
What specific areas of your project would you like help with?

feedback is welcome

Code

Please log in to post a comment

Log in

Community feedback

  • Harsh Kumar Dwivedi•720
    @Harsh-Kumar-Dwivedi

    Hi @lstrbvry ,

    I think you can prefer to replace <div class="main"> with <main> element, <div class="main-text-title"> with <h1>. These will improve accessibility.

    Hope it helps !

    Stay Happy & Healthy !

    Happy Coding !

    Marked as helpful

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