Lekce 4 - Pozicování a layout
Domácí úkol
Možné řešení úkolu
- Tentokrát to uděláme trošku jinak
- Budeme vycházet z tohoto dokumentu
- Celý obsah je obalený v
<div class="profil">
– nastavím šířku
- Uvnitř
<div class="hlavicka">
ve které je obrázek fotky a ikony
- Ikonka je bílá, stačí nastavit barvu pozadí a kulaté rohy (
border-radius
)
- Ikonku lze napozicovat pomocí
position: absolute
uvnitř rodiče, který má position: relative
- Fotce omezit šířku aby se přizpůsobila rodiči (
width: 100%
)
- Váš výsledek by měl vypadat takto
