border-box and flex

by Nightfly

HTML

<div class="container">
  <div class="col c1">
        Col1
  </div>
  <div class="col c2">
        Col2
  </div>
</div>

CSS

*{
  box-sizing: border-box
}

.container {
  max-width: 500px;
  display: flex;
}

.col {
  flex: 6;
  color: white;
}

.c1 {
  background: blue;
  padding: 20px;
}

.c2 {
  background: orange;
}