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

@InaJaweed

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 am proud of how it looks I think it looks similar as the design given. I probably over complicated css for this project so next time after I have more experience I will do this project more simple and easier.

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

CSS was the main issue. I am terrible when it comes to styling. It was confusing trying to understand how to style, using flex, position and everything. I used youtube, docs and more to understand how to use flex and other styling methods.

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

CSS - Have I used css in places where it's not needed, have i over complicated this project. HTML - Is it semantic and meets its needs

Community feedback

@Ramon-Alvez

Posted

I found the flex display a bit useless in the content div, you could have already centered everything with text-align, or since you used the flex display you could have given some space between the items with a gap or justify-content: space-evenly.

Remember this, Flex display makes the children float (this sounds a little funny but thinking about it helps me a little hahaha)

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