Constructor CSS Grid și Flexbox
Proiectează machete responsive Grid și Flexbox cu previzualizare live și CSS gata de copiat.
Treci cursorul peste un câmp sau selectează-l pentru ajutor. Apasă Escape pentru închidere.
Cum funcționează
Lipește conținutul sau încarcă exemplul. Alege opțiunile disponibile, rulează instrumentul, apoi copiază sau descarcă rezultatul.
Un exemplu practic
Aranjare
Layout
Întrebări frecvente
Textul meu este trimis la un server?
Nu. Conținutul este procesat în acest browser. Nu este trimis la server și nu este salvat.
Ce ar trebui să știu despre Constructor CSS Grid și Flexbox?
Previzualizarea folosește blocuri numerotate. CSS-ul generat include reguli de aranjare; adaptează selectorii și punctele de întrerupere la pagina ta.