Vítejte na stránce, na které si můžete vyzkoušet různé css vlastnosti týkající se Flexboxu. 🙂 Nachází se zde několik boxů:

View Box

Tento box obsahuje všechny vaše vytvořené divy.

HTML Kód

V tomto boxu si můžete prohlédnout html kód.

CSS Kód

V tomto boxu si můžete prohlédnout css kód.

Hierarchie Divů

V tomto boxu si můžete vytvořit nové divy, popřípadě nějaké smazat. Každému vytvořenému divu zde také můžete změnit třídu.

Popis vlastnosti

Jedná se o box ve kterém právě čtete tento text. Pokud kliknete v menu které se nachází napravo u nějaké css vlastnosti na tlačítko s otazníkem, tak se vám v tomto boxu zobrazí popis této vlastnosti.

Nastavení Spodních Boxů

Tento box vám umožňuje upravit poměr šířky dolních boxů.

Nastavení View Boxu

V tomto boxu můžete nastavovat vlastnosti View Boxu.

Nastavení Vybraného Divu

V tomto boxu můžete změnit název vybraného divu v hierarchii nebo změnit text který obsahuje.

Editace Tříd

Tento box vám umožňuje vytvořit nové třídy které potom můžete aplikovat na div elementy. Těmto třídám zde můžete nastavovat různé css vlastnosti.

Ostatní

Tento box obsahuje ostatní možnosti.