<div class="wrapper">
  <div class="gold">1</div>
  <div class="red">2</div>
  <div class="blue">3</div>
</div>
.wrapper {
  height: 225px;
  padding: 16px;
  font-family: monospace;
  color: #fff;
  border: 2px solid #ddd;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}	

.wrapper > div {
  width: 75%;
  padding: 16px;
}

.gold {
  background-color: gold;
}

.red {
  background-color: red;
}

.blue {
  background-color: steelblue;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.