Skip to content
Submitted 9 months ago

QR code component

Saeed Bin Mizan•80
@BluffSet7340
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'm most proud of being able to complete my first ever project on this site.

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

The main challenges stemmed from CSS and using div elements to place the objects the way I wanted it to. Lots of trial and error and various YouTube videos later, I was able to get it right.

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

I would like feedback on the sizing and placement of the image as well as the text inside of my div element with a class of "box". Furthermore, I'd like to know how off I was with my paddings and if my alternative fonts are good enough to match the original in the design images.

Community feedback

  • MaxCodeCraft•90
    @MaxCodeCraftPosted 9 months ago

    Hi,

    Im clearly a newbie so maybe someone will help you better but I think you should have used the box-sizing: border-box; property on your *{}, it may help you with your margins and paddings ?

    Also, the style-guide.md in the starter files gave you the font-family and font-weights that should be used on this project.

    Hope it helps a bit !

    Marked as helpful
    0
    Saeed Bin Mizan•80
    @BluffSet7340Posted 8 months ago

    @MaxCodeCraft hey I appreciate the feedback, should've paid more attention to the given materials

    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