Carousel tekst uitgelijnd met de container

V228-02

Zorg dat de carousel's tekstuele inhoud netjes uitlijnt met de container waar de rest van de tekst in staat.

Hoe te gebruiken?

Neem onderstaande CSS over in jouw project. Voeg eventueel een class toe voor de selector aan zodat je specifieke carousellen kunt targetten.

Voorvertoning

HTML
Kopiëren<nc-image-carousel name="TODO:"></nc-image-carousel>

CSS
Kopiëren.carousel-caption {
	left: 15px;
	right: 15px;

	text-align: left;
}
@media screen and (min-width: 576px) {
	.carousel-caption {
		left: calc(50vw - calc(calc(var(--container-width) / 2) - 15px));
		right: calc(50vw - calc(calc(var(--container-width) / 2) - 15px));
	}
}