/* Stili priekš posts-container */
.posts-container {
    display: grid; /* Izmantojam gridu */
    grid-template-columns: repeat(3, 1fr); /* Trīs kolonnas */
    gap: 25px; /* Atstarpes starp ierakstiem */
    justify-items: center; /* Horizontali centrē elementus */
}

/* Stili priekš individuāla ieraksta */
.post {
    border: 50px solid #ccc; /* Borda stils */
    padding: 10px; /* Atkāpe no iekšpuses */
    text-align: center; /* Teksta līdzinājums centrā */
    width: 600px; /* Fiksēta platums */
    height: 650px; /* Fiksēta augstums */
    max-width: 600px; /* Maksimālais platums */
    max-height: 650px; /* Maksimālais augstums */
    overflow: hidden; /* Slēpj saturu, kas pārsniedz dimensijas */
}

/* Stili priekš body elementa */
.body {
    display: flex; /* Izmanto flexbox modeli */
    flex-direction: column; /* Elementi tiek izvietoti vertikāli */
    justify-content: center; /* Centrē elementus vertikāli */
    align-items: center; /* Centrē elementus horizontāli */
    height: 100vh; /* Augstums ir vienāds ar loga augstumu */
}

/* Šeit ir komentārs, kas nepieciešams novērst poga problēmu */

/* .button {
    width: 300px;
    height: 75px;
    font-size: 24px;
} */
