<div class="flag flag--fr"></div>
.flag {
  height: 250px;
  width: 500px;
  border: 1px solid black;
}

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

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.