Zadání
Vždy se snažte o co nejefektivnější řešení.
-
ú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. -
úkol 2
Pomocí flexboxu vytvořte následující layout
Mezery jsou
1em
. Šířka boxů je60ch
. Barva rámečku je#0066cc
. Obrázek je vložen pomocí https://dummyimage.com/100x100/0066cc/fff. -
úkol 3
Pomocí flexboxu vytvořte následující layout
Mezery jsou
1em
. Šířka boxu je25em
. Všimněte si, že čáry mezi elementy obsahující písmena nejsou zdvojené (na rozdíl od prvního příkladu).