flex

flexbox explain

by bhupendra negi

HTML

<div class="container">
  <div class="box box1">Box1</div>
  <div class="box box2">Box2</div>
  <div class="box box3">Box3</div>
</div>

CSS

.container{
  display:flex;
  flex-wrap:wrap //will wrap only when needed 
}

.box{
  width:100px;
  height:120px;
  text-align:center;
  line-height:120px;
}
.box1{
  background-color:red;
}
.box2{
  background-color:green;
}
.box3{
  background-color:blue;
}