Make an image fit a carousel

On this page, the desktop version, some photos don't fit this gallery correctly: https://www.ohvaz.ro/produse/pachetul-de-5-arome-ohvaz/ On mobile I'm happy with it. How can I change it so the photo takes up the entire height? Like it's zoomed in or something like that.
14 Replies
Mannix
Mannix•2y ago
add ascpect-ratio: 1/1; to
.product-images img
.product-images img
ChrisBarin
ChrisBarin•2y ago
checking. thank you do I need to keep object-fit? it doesn't seem to help..
ChrisBarin
ChrisBarin•2y ago
ChrisBarin
ChrisBarin•2y ago
if I remove 100% height, it's even worse
Mannix
Mannix•2y ago
you want cover not scale-down weirdly i have different css lol to yours
Mannix
Mannix•2y ago
ChrisBarin
ChrisBarin•2y ago
strange.. are all photos looking ok though @mannix_ ?
Mannix
Mannix•2y ago
yup all occupy the same amount of space as the one in the screenshot
ChrisBarin
ChrisBarin•2y ago
roger lemme do it live thank you, it works I appreciate it
ChrisBarin
ChrisBarin•2y ago
ChrisBarin
ChrisBarin•2y ago
quick q - why is it red?
Mannix
Mannix•2y ago
your editor thinks it's new/unsupported or something like that
ChrisBarin
ChrisBarin•2y ago
roger thanks again
Mannix
Mannix•2y ago
codepen also highlights it differently but don't worry about it 😉 aspect-ratios is well supported by all browsers for a long time by now
Want results from more Discord servers?
Add your server