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

First challenge solution

@LMCyber

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?

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-er

Posted

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

@LMCyber

Posted

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-er

Posted

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