CSS - Flexbox (axe secondaire)

Page 21

#box {
    display: flex;
    align-items: stretch;
    height: 60px;
    border: 2px solid purple;
}

/* justify-content: flex-start */

/* justify-content: flex-end */

/* justify-content: center */




#box {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100px;
    border: 2px solid purple;
}
        
Element 1
Element 2
Element 3
Element 1
Element 2
Element 3
Element 1
Element 2
Element 3
Element 1
Element 2
Element 3
Element 1
Element 2
Element 3