Skip to content
Submitted 7 months ago

QR Code Component Using HTML & CSS Flexbox

Raphaelavazq•30
@Raphaelavazq
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?

While working on this project, I significantly improved my understanding of responsive design, especially using Flexbox.

This project also reinforced the importance of mobile-first design and how to effectively use media queries to adapt the layout for larger screens.

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

was more difficult to understand media queries

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

I had some issues with my GitHub Pages site because my CSS seems to not be applied . I got a solution using cloudflare

Community feedback

  • Luis Vera•190
    @LuisVera1Posted 7 months ago

    Hi @Raphaelavazq

    Your solution looks great! However, here are some suggestions.

    • Using '!important' is not recommended, you can use the developer tools in Chrome to see which element is inheriting styles from.
    • Flexbox is the better way to center an element, avoid using margin and padding to do this, it can be very complicated 🤯

    For a better explanation you can check this link, QR-code and this QR-base

    Hope this is helpful, if it is, don't forget to mark it, thank you

    Keep up the good work!

    0
  • Yahaya Oyinkansola•100
    @KansoldevPosted 7 months ago

    Hi there Raphael, don't know if you would still like to get help concerning Github pages not working for you. I might be able to help you

    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