KMI/WEB Tvorba webových stránek: Cvičení 06

Zadání

Vždy se snažte o co nejefektivnější řešení.

  1. úkol 1

    Pomocí flexboxu vytvořte následující layout.

    Šířka je 75em. Obsah je zarovnán horizontálně na střed stránky. Element obsahující A má 2x větší velikost něž ostatní elementy.

  2. úkol 2

    Pomocí flexboxu vytvořte následující layout

    Mezery jsou 1em. Šířka boxů je 60ch. Barva rámečku je #0066cc. Obrázek je vložen pomocí https://dummyimage.com/100x100/0066cc/fff.

  3. úkol 3

    Pomocí flexboxu vytvořte následující layout

    Mezery jsou 1em. Šířka boxu je 25em. Všimněte si, že čáry mezi elementy obsahující písmena nejsou zdvojené (na rozdíl od prvního příkladu).