flex11.4.css

* {
  box-sizing:border-box;
}
body {
  font-family: 'Times New Roman', Times, serif; 
}

.flex-container{
  background-color: aliceblue;
  height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-around;
    /* flex-direction:column; */
  /* flex-wrap:  */
}

.item-1{

background-color: green;
border: black solid 2px;
margin: 10px;
padding: 10px;
text-align: center;
border-radius: 10px;
}
.item-2{
  
  background-color: blue;
  border: black solid 2px;
  margin: 10px;
  padding: 10px;
  text-align: center;
  border-radius: 10px;
  }
  .item-3{
    
  background-color: red;
  border: black solid 2px;
  margin: 10px;
  padding: 10px;
  text-align: center;
  border-radius: 10px;
  }