Interactive Guide to Flexbox
A
B
C
D
Reset Items
+ Items
style.css
.container {
flex-direction:
row;
row-reverse;
column;
column-reverse;
flex-wrap:
nowrap;
wrap;
wrap-reverse;
justify-content:
flex-start;
flex-end;
center;
space-between;
space-around;
space-evenly;
align-items:
stretch;
flex-start;
flex-end;
center;
baseline;
align-content:
stretch;
flex-start;
flex-end;
center;
space-between;
space-around;
space-evenly;
gap:
5px
;
}
Copy Code