.recepty-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    row-gap: 15px;
    column-gap: 15px;
    padding: 15px;
}

.recepty-nazev {
    padding: 10px 0px 5px 0px;
    font-weight: 400;
}

@media only screen and (min-width: 999px) {

    .recepty-list {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }

}