CSS - Flexbox
Page 19
#box { display: flex; flex-direction: row; /* ou column */ border: 2px solid purple; } .box_element:nth-child(1) { background-color: rgba(0, 0, 255, 0.5); } .box_element:nth-child(2) { background-color: rgba(255, 0, 0, 0.5); } .box_element:nth-child(3) { background-color: rgba(0, 255, 0, 0.5); } #box { display: flex; flex-wrap: wrap; border: 2px solid purple; margin: 25px; }
Element 1
Element 2
Element 3
Element 1
Element 2
Element 3
Element 1
Element 2
Element 3
Element 4
Element 5
Element 6
Element 1
Element 2
Element 3
Element 4
Element 5
Element 6