Flex Box

equal Height

by Zuhaib Siddiqui

HTML

<h1>FLEX BOX</h1>
<div class="flex-wrap">
<div class="flex">
  262062<br>
  68478<br>
  444587
</div>
<div class="flex">
  262062<br>
  68478<br>
</div>
<div class="flex">
</div>
</div>

SCSS

h1{
  text-align:center;
}
.flex-wrap{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display:flex;
   border:2px solid #000;
   padding:10px;
  .flex{
    flex:1;
    padding:10px;
    border:1px solid #f00;
  }
}