Skip to content
Submitted 3 months ago

QR Code Component

Jaweed Ina•100
@InaJaweed
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?

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•420
    @Ramon-AlvezPosted 3 months ago

    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

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