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