Design comparison
SolutionDesign
Solution retrospective
Changing the color of the image to match the original image as a pain in the ass. Was unsure of my media query. I think I kinda repeated some code.
Community feedback
- @correlucasPosted about 2 years ago
Hello George,
Here's one tip to improve the image color:
To make the image have a better fit inside of it, make the component image responsive with
display: block
andmax-width: 100%
(this makes the image fit the column/div size) and respect the component size while it scales down. To make it crop while scaling useobject-fit: cover
.img { display: block; object-fit: cover; max-width: 100%; }
See if works for you =)
0@GeorgeinnersidePosted about 2 years ago@correlucas Thanks Lucas, I will work on that.
1
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