Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

QR Code Component Using HTML & CSS Flexbox

@Raphaelavazq

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

P
Luis Vera 170

@LuisVera1

Posted

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

@Kansoldev

Posted

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
Discord logo

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