fiokit.

Tvůrce CSS Grid a Flexbox

Navrhujte responzivní rozvržení Grid a Flexbox s živým náhledem a CSS připraveným ke kopírování.

Najeďte na pole nebo ho vyberte pro zobrazení nápovědy. Zavřete klávesou Escape.

1
2
3
4
5
6

Jak to funguje

Vložte svůj obsah nebo zobrazte příklad. Vyberte dostupné možnosti, spusťte nástroj a poté výsledek zkopírujte nebo stáhněte.

Praktický příklad

Rozvržení

Layout

Časté dotazy

Odesílá se můj text na server?

Ne. Obsah se zpracovává v tomto prohlížeči. Neodesílá se na server ani se neukládá.

Co je dobré vědět o nástroji Tvůrce CSS Grid a Flexbox?

Náhled používá číslované bloky. Vygenerované CSS obsahuje pravidla rozvržení; selektory a body zlomu přizpůsobte své stránce.