Kódím.cz
5

Responzivní design 2

Navážeme na responzivní design z předchozí lekce.

1
Responzivní sloupce

Vytvořte si repozitář na základě šablony cviceni-sloupce. Prohlédněte si pečlivě HTML strukturu, všímejte si jak jsou prvky do sebe zanořené.

Nastavte CSS pro třídu .kontejner a .sloupec:

  • ve výchozím stavu (=mobil) budou obdélníky pod sebou
  • na obrazovce širší než 800px budou všechny 3 obdélníky vedle sebe a budou roztažené přes celou stránku, všechny budou mít stejnou šířku.

HTML není potřeba nijak upravovat.

Výsledek bude vypadat takto:

responsive columns result

Řešení