Web od A do Z, České Budějovice, 2019

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