Sfida di ripasso
Lezione 6 di 9 del corso Come centrare un div o del testo usando CSS di Coddy.
Facciamo un riepilogo!
Sfida
FacileTi vengono forniti 3 riquadri (div): centra tutto usando i seguenti vincoli:
Centra il div più piccolo usando flexbox, centra il div di dimensioni intermedie usando position and translate.
Non modificare le dimensioni!
Provalo tu
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="div1">
<div id="div2">
<div id="div3"/>
</div>
</div>
</body>
</html>Tutte le lezioni di Come centrare un div o del testo usando CSS
1Introduzione
Che cos'è questo corso?2Centrare un div
Margine automaticoPosizionamento assoluto - TraslaPosizionamento assoluto - MargineFlexboxSfida di ripassoEsercitati da solo: Playground Web