fiokit.

Kreator CSS Grid i Flexbox

Projektuj responsywne układy Grid i Flexbox z podglądem na żywo i CSS gotowym do skopiowania.

Najedź na pole lub je zaznacz, aby wyświetlić pomoc. Naciśnij Escape, aby zamknąć.

1
2
3
4
5
6

Jak to działa

Wklej treść lub wczytaj przykład. Wybierz dostępne opcje, uruchom narzędzie, a potem skopiuj lub pobierz wynik.

Praktyczny przykład

Układ

Layout

Częste pytania

Czy mój tekst jest wysyłany na serwer?

Nie. Treść jest przetwarzana w tej przeglądarce. Nie jest wysyłana na serwer ani zapisywana.

Co warto wiedzieć o Kreator CSS Grid i Flexbox?

Podgląd używa numerowanych bloków. Wygenerowany CSS zawiera reguły układu; dostosuj selektory i progi responsywności do swojej strony.