Vs code and git bash. I used css flexbox and border box
Design comparison
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
- @husamasaadPosted about 2 years ago
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 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