39 lines
1.1 KiB
CSS
39 lines
1.1 KiB
CSS
/* Základní styly pro mřížkový layout */
|
|
.box-grid-container {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* Automatické rozložení sloupců */
|
|
gap: 10px; /* Mezera mezi prvky */
|
|
}
|
|
|
|
/* Styly pro jednotlivé bloky odkazů */
|
|
.block-link {
|
|
background-size: cover; /* Obrázek pokryje celý prvek */
|
|
border-radius: 10px; /* Zaoblené rohy */
|
|
overflow: hidden; /* Skryje přebytečný obsah */
|
|
position: relative; /* Pro umístění textu */
|
|
}
|
|
|
|
.block-link a {
|
|
display: block; /* Odkaz pokryje celý prvek */
|
|
text-decoration: none; /* Bez podtržení odkazu */
|
|
color: white; /* Bílá barva textu */
|
|
}
|
|
|
|
.block-link-wrapper {
|
|
position: absolute;
|
|
bottom: 10px; /* Umístění textu u spodního okraje */
|
|
left: 10px; /* Umístění textu u levého okraje */
|
|
}
|
|
|
|
.block-link img {
|
|
width: 30px; /* Šířka ikony */
|
|
height: auto; /* Automatická výška ikony */
|
|
}
|
|
|
|
.link-title {
|
|
margin-top: 5px; /* Horní okraj pro text */
|
|
font-weight: bold; /* Tučný text */
|
|
}
|
|
|
|
/* Přidáte další styly podle potřeby */
|