CodePen Embed - Flexbox-dispay-LAB-JSAH-October-2021

<h1>Flexbox Lab</h1>
<p>Make the following Div elements look like the image below</p>
<div><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3841358/Screen+Shot+2020-05-21+at+8.09.50+PM.png" alt=""></div>
<div class="container">
  <div class="flex-child gold">1</div>
  <div class="flex-child orange">2</div>
  <div class="flex-child red">3</div>
  <div class="flex-child grey">4</div>
  <div class="flex-child dark">5</div>
</div>

.flex-child {
  height: 100px;
  width: 100px;
  margin: 5px;
  background-color: #acacac;
}

This Pen is owned by Burlington Code Academy on CodePen.

See more by @burlingtoncodeacademy on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.