Živá ukázka

Výsledek

HTML

Autoformát
Standardní režim
Mobilní zobrazení

div.sloupce {
    width: 100%;
    min-height: 300px;
    text-align: center;
    font-size: 0;
}

div.sloupce div.sloupec_jedna {
    width: 33.3%;
    display: inline-block;
    box-sizing: border-box;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #888;
    background: #def;
    padding: 0 25px;
}

div.sloupce div.sloupec_dva {
    width: 33.3%;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 25px;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #888;
    background: #fef;
}

div.sloupce div.sloupec_tri {
    width: 33.3%;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 25px;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #888;
    background: #def;
}

div.btn-slp {
    max-width: 160px;
    height: 50px;
    background-color: #ff0036;
    color: #ffffff;
    margin: 30px auto 0 auto;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 500;
}

CSS

Autoformát
CSS reset
Až na konci

JS

Autoformát
jQuery
Umístění JS