Design comparison
Solution retrospective
I've completed this QR Code site challenge but couldn't make it responsive . Can someone help me with that ?
Community feedback
- @husamasaadPosted about 2 years ago
Hi Sulieman, Welcome to Front-End Mentor community nad well done, your challenge is almost
about making it responsive you are setting the max-width of your content div to 18vw, which means 18% of the visual width and that will be a problem when you are on a moblie screen with like 400px width the 18vw is 72 px only
try changing the max-width to a fixed pixel size or use @media to change it on mobile screen only... and a final tip try adding a top margin to your h1 and paragraph..
- changing the content max-width will cause a problem with the img so it will be better to make the img width set to 100%
hope this was helpful and happy coding>
0
Please log in to post a comment
Log in with GitHubJoin 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