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

Basic CSS

@CavaliereDavid

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


  1. I am unsure if It is responsive with different resolutions. I am worried that with a phone It could be buggy.
  2. It is not clear to me how can I make it more responsive

Community feedback

jdorta08 50

@jdorta08

Posted

You could use min-width to ensure your container does not goes below a certain width as the screen gets smaller. In your code you only used 1 media query for screens below 375px w. Anything above this will have the initial container width that you set up. To make it more responsive you could either add more media queries for different screen sizes, or simple add a higher one for mobile phones 600px and below.

good job! keep on practicing

1

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