Informazioni su questo generatore di layout CSS
Scegli Flexbox o Grid a sinistra, poi regola direzione, allineamento sull'asse principale / trasversale, a capo, numero di colonne, altezza delle righe e gap con menu a tendina e campi numerici. Il pannello demo a destra mostra il layout in tempo reale con alcuni blocchi colorati — quello che vedi è quello che ottieni.
Il CSS dichiarativo corrispondente viene generato sotto — per Flex display / flex-direction / justify-content / align-items / flex-wrap / gap, per Grid display / grid-template-columns / grid-auto-rows / gap — pronto da copiare nel progetto. Tutto gira localmente nel browser, senza librerie esterne.