Flex box css

 

body {

    text-align: center;

    /* align-items: center; */

}

.container {

    border: 5px solid red;

    display: flex;

    flex-direction: row;

    justify-content:space-around;

    flex-wrap: wrap;

}

.container div {

    margin: 10px;

    text-align: center;

    font-size: 1.5rem;

    color: white;

}

.item1 {

    background-color: rebeccapurple;

    order: 3;

}

.item2 {

    background-color: coral;

    order: 2;

}

.item3 {

    background-color: tomato;

    order: 1;

}