Centratura perfetta

Lezione 11 di 15 del corso CSS Flexbox - Il corso completo di Coddy.

Uno dei problemi più comuni consiste nel centrare un elemento sia orizzontalmente che verticalmente in un contenitore; con flexbox, questa operazione è semplice!

Sfida

Facile

Usando ciò che hai imparato, centra l’elemento flex dato all’interno del contenitore flex.

Provalo tu

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <div class="container">
            <div />
        </div>
    </body>
</html>

Tutte le lezioni di CSS Flexbox - Il corso completo

1Introduzione

Introduzione Contenitore ed elementi

2Contenitore Flex

Flexbox flex-direction flex-wrap flex-flow justify-content align-items align-content gapCentratura perfetta

3Elementi flex

Elementi figli order flex-grow align-self

Esercitati da solo: Playground Web