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 and CSS

Lyna 260

@lynaIFR

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?

I'm pretty satisfied with how the website came out, although I'll make sure to optimize the properties used to position the elements on the website.

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

When writing the CSS code I started using margins that would fit according to my screen, which is a bad way to do things, after looking I started learning about the flex properties in CSS that is way better to place elements.

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

Feedbacks are welcomed, I would like to know if there is a better way to do the CSS reset, if you have any ideas on how to optimize the code please share them.

Community feedback

Vincent 160

@Vincent-Wirwicki

Posted

It looks good, and the code is clear. The only detail is that your card is not center. Probably because the footer tag is outside the main tag. If you wanna keep this html structure you can use css property position:absolute on your footer element and the card will be center.

Marked as helpful

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