Kódím.cz
5

Responzivní design 2

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

2
Reklamní banner

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

Nastavte CSS pro třídu .banner tak, aby:

  • ve výchozím stavu (=na mobilu) byl banner skrytý
  • na obrazovce širší než 800px se banner zobrazí

HTML není potřeba nijak upravovat.

Výsledek bude vypadat takto:

responsive banner result

Řešení