Responsive Flexbox

by Brynner

HTML

<div class="row">
  <div class="col">1</div>
  <div class="col">2</div>
  <div class="col">3</div>
</div>

CSS

@media (min-width:480px)  {
  .row {
    display: flex;
   }
}

.row {
  flex-direction: row;
}

.col {
  flex: 1;
  background: orange;
  margin: 2px;
}