JSFiddle - React, Tailwind, and code Playground

HTML

<div class="mreza">
    <section id="onas">
            <div class="row">
                <div class="st-8">
                </div>
                <div class="st-5">
                    <p>Smo dru&#382ba za integrirano komunikacijo!</p>
                </div>
                <div class="st-2">
                </div>
            </div>
        </section>
</div>

CSS

.mreza {
    width : 100%;
    max-width : 1200px;
}


.row:before, 
.row:after {
    content: "";
    display: table;
    clear:both;
    visibility: hidden;
}

/*st = vertical grid */

.st {
    float: left;
    min-height: 1px;
}

.st-2 {
    width: 13.32%;
    float: left;
    min-height: 1px;
}

.st-5 {
    width: 33.3%;
    float: left;
    min-height: 1px;
}

.st-8 {
    width: 53.28%;
    float: left;
    min-height: 1px;
}