JSFiddle - React, Tailwind, and code Playground

HTML

<section class="slider">
    <div class="slider__wrapper">
        <p class="slider__content">
            Slider content
        </p>
    </div>
</section>

CSS

.slider {
    background: #f00;
}

.slider__wrapper {
    background: #fff;
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
    min-height: 100px;
    padding: 10px;
}