Wyzwanie podsumowujące
Lekcja 6 z 9 w kursie Jak wyśrodkować element div lub tekst za pomocą CSS w Coddy.
Podsumujmy!
Wyzwanie
ŁatwyMasz 3 pudełka (div). Wyśrodkuj wszystko, stosując następujące ograniczenia:
Wyśrodkuj najmniejszy element div za pomocą flexbox, a element div średniej wielkości wyśrodkuj za pomocą position and translate.
Nie zmieniaj rozmiarów!
Spróbuj swoich sił
<!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>Wszystkie lekcje w sekcji Jak wyśrodkować element div lub tekst za pomocą CSS
1Wprowadzenie
Czym jest ten kurs?2Wyśrodkowywanie div
Automatyczne marginesyPozycjonowanie absolutne — translatePozycjonowanie absolutne — marginesFlexboxWyzwanie podsumowującePoćwicz samodzielnie: Edytor online Web