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

Responsive QR code using CSS flexbox

@CamrynTidsworth

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?

This project was a great opportunity to get comfortable using GitHub. Next time, I'd like to focus on creating more reusable variables for my CSS style components like font size, color, etc.

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

I struggled a bit with positioning the QR code. Ultimately, I realized that you can't use flexbox for everything (only most things ; ) ), and used plain old positioning properties to solve the problem.

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

I noticed that the lines of text in my design are slightly off compared to the example. I'm not sure how much of an issue this is but if anyone has a take on whether it's important/how to tweak it I'm very open to feedback.

Community feedback

DILHT 40

@DILHT

Posted

The HTML structure is well-organized, and you've used semantic elements like div with descriptive classes, which is great. However, you could further improve the semantic meaning by using more specific HTML5 elements, such as header, main, and footer, instead of generic div elements.All things considered the code is well organised

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