← Powrót do listy

Idealne wyśrodkowanie elementu w CSS

CSS
Dodano: 18.10.2026, 23:24

Opis

Krótka ściągawka z najszybszymi sposobami na wyśrodkowanie elementu w pionie i poziomie za pomocą CSS Grid oraz Flexboxa.

Fragment kodu (Snippet)

/* Sposób 1: CSS Grid (najkrótszy) */
.parent-grid {
    display: grid;
    place-items: center;
    min-height: 100vh;
}

/* Sposób 2: Flexbox */
.parent-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}