Update kurzu: funkce Canvas – co to je a jak se dá využít? Najdete v lekci Základy.

Responzivita

Možnosti v DIVI 5

  • $
    Stačí jednou přepnout a už vše nastavuješ pro daný rozměr, není třeba už nic hlídat při nastavování jednotlivých vlastností
  • $
    Možnost nastavit své vlastní “breakpoints” – body zlomu
  • $
    Stejně funguje i “hover”
  • $
    Defaultní obrazovka, na které stavíš web, se dá změnit (nyní laptop)

Rozměry

  • $
    Mobil (i na ležato)
  • $
    Tablet (i na ležato)
  • $
    Laptop
  • $
    Široká obrazovka
  • $
    Velmi široká obrazovka

Rozměry

  • $
    Podpora všech CSS jednotek (px, %, em, rem, vw, vh, ch, fr) a funkcí jako calc(), clamp().
  • $
    Ukážeme si v klubu v lednu (22.1. 2026)

Počet a pořadí sloupců

  • $
    Na začátku zvolím počet sloupců v řádku
  • $
    Na každém zařízení můžu počet sloupců změnit: Row – Elements – Apply Structure Template
  • $
    Nebo nechám volně “téct” pomocí jednoho sloupce v řádku a layoutu Flex (více v kapitole Struktura)
  • $
    Pořadí prvků měním pomocí layoutu Flex (Layout Direction) nebo funkce Order 
!
!
!
!
Plána 2026

Kde jsem byla?