/* Nastavení pro mobilní telefony (dva sloupce) */
.topcat-container {
display: grid;
grid-template-columns: repeat(2, 1fr); /* Rozdělí prostor na 2 stejné sloupce */
gap: 15px; /* Mezera mezi políčky (vertikálně i horizontálně) */
padding: 10px; /* Odsazení celého bloku od okrajů displeje */
}
/* Pojistka pro obrázky, aby nepřetékaly a hezky se přizpůsobily */
.topcat-img img {
width: 100%;
height: auto;
display: block;
border-radius: 8px; /* Volitelné: jemně zakulatí rohy obrázků */
}
/* Volitelné: Vzhled samotné dlaždice */
.topcat-item {
text-align: center; /* Zarovná text na střed pod obrázkem */
text-decoration: none;
}
.topcat-item a {
text-decoration: none; /* Zruší podtržení odkazů */
color: #333; /* Barva textu */
}
/* Pokud byste chtěl na počítači (od šířky 768px) zobrazit více sloupců (např. 3 nebo 4) */
@media (min-width: 768px) {
.topcat-container {
grid-template-columns: repeat(4, 1fr); /* Na PC se to automaticky přepne do 4 sloupců */
}
}
Využíváme soubory cookies, které nám pomáhají poskytovat a zlepšovat naše služby. Používáním tohoto webu souhlasíte s našimi pravidly pro cookies. Více informací zde.
