div.container{
    display: flex;
    background-color: aquamarine;
}
div.box{
    aspect-ratio: 1;
    width: 15%;
    margin: 5%;
    background-color: orange;
}
span{
    font-weight: bold;
    font-size: 1.2em;
}
div.direction{
    display: flex;
    flex-direction: row-reverse;
    background-color: aquamarine;
}
div.direction2{
    display: flex;
    flex-direction: column-reverse;
    background-color: aquamarine;
}
div.box2{
    background-color: orange;
    margin: 5%;
    padding: 6%;
}
div.wrap{
    display: flex;
    background-color: aquamarine;
}
div.wrap2{
    display: flex;
    flex-wrap: wrap;
    background-color: aquamarine;
}
div.wrap3{
    display: flex;
    flex-wrap: wrap-reverse;
    background-color: aquamarine;
}
div.just{
    display: flex;
    justify-content: center;
    background-color: aquamarine;
}
div.just2{
    display: flex;
    justify-content: space-between;
    background-color: aquamarine;
}
div.just3{
    display: flex;
    justify-content: space-around;
    background-color: aquamarine;
}
div.aline{
    display: flex;
    height: 80vh;
    align-items: center;
    background-color: aquamarine;
}
div.aline2{
    display: flex;
    height: 80vh;
    align-items: baseline;
    background-color: aquamarine;
}
div.box3{
    margin: 5%;
    padding: 12%;
    background-color: orange;
}
div.flexflow{
    display: flex;
    flex-flow: row-reverse wrap-reverse;
    background-color: aquamarine;
}