Why my Carousel slides are in vertical orientation?

Carousel component looks broken

If your Carousel component renders slides in vertical orientation or has incorrect controls/indicators position, you forgot to import carousel styles. Follow @mantine/carousel installation instructions to fix the issue. Import @mantine/core and @mantine/carousel styles at the root of your application:

import '@mantine/core/styles.css';
import '@mantine/carousel/styles.css';

That's it! It works now!

Nice! 👍