Box Model, Flexbox & Grid
Un sandbox visivo per capire margin, border e padding e come si comportano Flexbox e Grid. Muovi i controlli, guarda l'anteprima cambiare e copia il CSS generato.
Modalità
Box Model
width200
height120
padding16
border4
margin20
box-sizing
Flexbox
flex-direction
justify-content
align-items
flex-wrap
gap12
4 item
Grid
grid-template-columns
grid-template-rows
justify-items
align-items
gap12
4 item