Skip to content
Submitted 7 months ago

First challenge solution

Luis Mendoza•80
@LMCyber
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?

Wishing to align everything with a single container using the least amount of HTML code possible.

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

I was trying to style it based on what I saw, but when I couldn’t achieve it as I wanted, I used a ruler to measure everything.

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

na

Community feedback

  • Oliver•50
    @Liv-erPosted 7 months ago

    Hello, I'm Liv-er and I'm currently studying to become a junior front-end developer. Your solution caught my attention because you used display flex. I didn't do it that way, and I would like to know why you chose to use that property, as I want to improve my code for a better solution. If possible, I would appreciate it if you could give me some feedback.

    0
    Luis Mendoza•80
    @LMCyberPosted 7 months ago

    Hi @Liv-er, well first let me give you some context, I want to learn CSS and this is the first page that I have created on my own, so I can’t tell you exactly why I decided to use flex, it just seemed simpler to center everything that way.

    0
    Oliver•50
    @Liv-erPosted 7 months ago

    Hi @LMCyber, thanks for answering and helping me learn. Okay, I understand well. I'm not an expert, but I can recommend not using more CSS if it's not necessary because on a real webpage, that can make the page slower. Thanks again for answering.

    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