JSFiddle - React, Tailwind, and code Playground

by shayl

HTML

<div class="standardTable">
                <div class="row">
                    <div class="th category">
                        Kategoria
                    </div>
                    <div class="th integer">
                        Podkategorii
                    </div>
                    <div class="th integer">
                        Wątków
                    </div>
                    <div class="th lastThreadTitle">
                        Ostatni wątek
                    </div>
                </div>
                <div class="row">
                    <div class="td category">
                        Na luzie
                    </div>
                    <div class="td integer">
                        0
                    </div>
                    <div class="td integer">
                        12
                    </div>
                    <div class="td lastThreadTitle">
                        Informatyka dla uczniów i n... 
                    </div>
                </div>
            </div>

CSS

.standardTable {
    color: #fff;
    width:532px;
}

.standardTable .tr {
    display: block;
    margin-bottom: 5px;
}

.standardTable .th {
    display: inline-block;
    background-color: #2b5797;
    padding: 10px;
}

.standardTable .td {
    display: inline-block;
    background-color: #2d89ef;
    padding: 10px;
}

.standardTable .category {
    width: 512px;
}

.standardTable .integer {
    width: 244px;
    text-align: center;
}

.standardTable .lastThreadTitle {
    width: 512px;
}