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 layout using css flex

@JulienK94

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


ALL FEEDBACK IS WELCOME

Community feedback

P

@nikoescobal

Posted

Hello Julien! 👋

Congratulations on finishing your challenge! 🎉 Unfortunately, you haven't properly gotten the site deployed, as you have a 404 error.

Here's some feedback/suggestions on approaching this solution:

  • You should build mobile-first, meaning all your CSS classes should apply to the mobile viewport first, then add media queries to manage the other screen sizes
  • Add padding to the text so it doesn't touch the sides of the card.
  • Check the report to fix accessibility/HTML issues - you currently have 10 accessibility issues and 2 HTML issues listed

I hope this is helpful and all the best with your coding journey!

Marked as helpful

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