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 html and css

Urszula 180

@ursgol

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?

Maybe next time I was more precise with padding and margin.

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

Responsive thing was the harder one, however I overcome this by using flex.

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

Maybe I should work on responsive side.

Community feedback

@nejidevelops

Posted

  • The solution effectively utilizes semantic HTML, incorporating appropriate tags such as divs and a footer tag. However, further optimization could involve minimizing the use of divs where possible to maintain semantic clarity.

  • Accessibility is well-addressed in the solution, ensuring inclusivity for all users.

  • Responsiveness is excellently implemented, with the layout seamlessly adapting to various screen sizes.

  • The code demonstrates strong structure, readability, and potential for reusability, fostering maintainability and scalability.

  • While the solution largely aligns with the design, there's a minor deviation observed in the padding of the card div. Adjusting the padding to closely match the design specifications would enhance visual consistency and alignment with the intended aesthetic.

Overall, it's a commendable effort, showcasing a solid understanding of design principles and development best practices.

Marked as helpful

1

Urszula 180

@ursgol

Posted

@mohammadnewton thank you so much for your extremely helpful feedback. I will try to improve my solution. One more time, a big thanks for you :)

1

@nejidevelops

Posted

@ursgol you are welcomed. Do you mind us connecting, networking and also helping each other out as we grow

Marked as helpful

1
Urszula 180

@ursgol

Posted

@mohammadnewton Sure, I am glad that you ask. Lets connect here.

0

@nejidevelops

Posted

@ursgol ok no worries

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