CodePen Embed - css-layout-3

<div class="wrapper">
  <div class="box1">One</div>
  <div class="box2">Two</div>
  <div class="box3">Three</div>
</div>

.wrapper > div {
  border-radius: 5px;
  background-color: rgb(207 232 220);
  padding: 1em;
}
.wrapper {
  display: flex;
}

.wrapper > div {
  flex: 1;
}

This Pen is owned by Hsoub Academy on CodePen.

See more by @HsoubAcademy on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.