<div class="wrapper">
  <div class="items one">Item One</div>
  <div class="items two">Item Two</div>
  <div class="items three">Item Three</div>
</div>
.wrapper{
  display: flex;
}

.one{
  background: pink;
  padding: 16px;
  font-size: 2rem;
  flex: 2;
}

.two{
  background: slateblue;
  padding: 16px;
  font-size: 2rem;
  flex-grow: 2;
}

.three {
  background: orange;
  padding: 16px;
  font-size: 2rem;
  flex-grow: 3;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.