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

Vs code and git bash. I used css flexbox and border box

@Mideshey

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 was trying to resize the width of the image to fit into the box Both the size of the box and image

Community feedback

@husamasaad

Posted

Hello My Friend, well done and congrats on finishing this challenge, and here are some tips :

  • try removing the margins from your image and give it a max width of 100%, then go back to your box and give it small padding and the image will be closer to the design

  • using 20% on your box width may look fine on desktop screen but when you go to mobile screen the 20% is very low, so try using a fixed pixels for the width or use @media to change it on mobile screen only, yeah it is not best practice to use fixed px but in our simple challenge here it won't be problme so try setting the width to 300px and see how it looks

hope this was helpful to you 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