6 Colors

by Raphael Quintao

HTML

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

CSS

body { background: black; }

html,
body {
  position: relative;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

body {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 50vh;
  margin: 25vh 0;
}

div {
  flex: 1 1;
}

div:nth-child(1) {
  background: red;
}

div:nth-child(2) {
  background: green;
}

div:nth-child(3) {
  background: blue;
}

div:nth-child(4) {
  background: cyan;
}

div:nth-child(5) {
  background: magenta;
}

div:nth-child(6) {
  background: yellow;
}