JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container fullWidth">

        <div id="checkoutContainer">

            <div class="checkout" id="cart">Cart</div>
            <div class="checkout" id="contact">Contact</div>
            <div class="checkout" id="address">Addresse</div>
            <div class="checkout" id="overview">Ăśbersicht</div>
            <div class="checkout" id="thankyou">Danke</div>

        </div>

    </div>

CSS

.container.fullWidth {
    width : 100%;
    /*overflow-x: hidden;*/
}

div#checkoutContainer {
    background-image: url(../img/background.jpg);
    background-repeat : repeat-x;
    width : 1000%;
    height : 100%;
}

.checkout {
    float : left;
    width : 20%;
    height : 100%;
}