<div class="flag traditional" role="img" aria-label="Traditional Gay Pride Flag. Six vertical bars of equal size: red, orange, yellow, green, blue, and indigo"></div>
.flag {
width: 80vmin;
aspect-ratio: 70 / 45;
}
.traditional {
background:
linear-gradient(red 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0)
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.