CodePen Embed - Linear Gradient

<div class="flag flag--fr"></div>

.flag {
  height: 250px;
  width: 500px;
  border: 1px solid black;
}

.flag--fr {
  background: linear-gradient(to right, blue 33%, white 33%, white 66%, red 66%)
}

This Pen is owned by Lindsey Kopacz on CodePen.

See more by @littlekope0903 on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.