Create a flexible, two-column layout with links and different background colors.

by Glynne Turner

HTML

<div id="container">
  <div class="col">sdfsdfsdf<br>sdf
  </div>
  <div class="col two"> sdfsfd
  </div>
</div>

CSS

#container {
  display: flex;
}

#container .col {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  background: grey;
}
.two{background:red !important}