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

QR Code using HTML and CSS

@RabbitFactory

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


I've completed this QR Code site challenge but couldn't make it responsive . Can someone help me with that ?

Community feedback

@husamasaad

Posted

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 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