Design comparison
Solution retrospective
In this project I continue practicing bootstrap, I would like to know if someone can solve a doubt, I managed to make it look good on smartphones, but I feel that on a tablet the image would look somewhat stretched and the definition of the image is damaged
Community feedback
- @0ME9APosted about 2 years ago
Hi!!! @Edinson25, I hope you enjoyed it and keep continue learning.
So first of all you should add your image inside a div and apply all styles on the div and on the image use width, height, and ".img-fluid" {bootstrap 5 class} and yes don't forget to add ".overflow-hidden" {bootstrap 5 class} on the parent of img tag.
parent div -> overflow-hidden and other classes child img tag -> img-fluid
Marked as helpful0@Edinson25Posted about 2 years agoHii!!! @0ME9A. Oh perfect I understand your example and I put into practice! So thanks! ❤✌
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