Make an image cover a carousel slide | Mantine | Page 1

finite condor Dec 7, 2022, 8:54 PM

#

Hi there,

I am making a carousel of differently-sized images. How can I make the images fill the container equally (something like object-fit: cover), so I don't have an uneven ugly carousel?
MRE: https://codesandbox.io/s/stupefied-sanderson-0xlglh?file=/src/App.tsx

Thanks,
Daniel

#

Make an image cover carousel slide

#

Make an image cover a carousel slide

#

Even when I set the image's height like this:

<Image src={url} sx={{ height: "1000px" }} />

The issue still stays

ebon furnace Dec 7, 2022, 9:50 PM

#

you share the wrong link for sandbox its just an image

finite condor Dec 7, 2022, 10:18 PM

#

im such an idiot

#

ebon furnace Dec 8, 2022, 11:52 AM

#

#

sorry for late reply I fell aseep after I messeged you last night. saw you mesage now

#

I hope this works

finite condor Dec 8, 2022, 6:15 PM

#

no worries! ill check it out now

#Make an image cover a carousel slide