Untitled

---HTML---
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <title>CSSI</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <div>
      <h3 id="red">Red</h3>
      <h3 id="blue">Blue</h3>
      <h3 id="green">Green</h3>
      <h3 id="black">Black</h3>
    </div>
    <div>
      <h3 id="orange">Orange</h3>
      <h3 id="pink">Pink</h3>
      <h3 id="yellow">Yellow</h3>
      <h3 id="brown">Brown</h3>
    </div>
  </body>
</html>
---CSS---
#red {background-color: red}
#green {background-color: green}
#blue {background-color: blue}
#orange {background-color: orange}
#black {background-color: black}
#purple {background-color: purple}
#pink {background-color: pink}
#yellow {background-color: yellow}
#brown {background-color: brown}

div {
  display: flex;
}

h3 {
  color: white;
  flex: 0 1 50px;
}