<div class="flag pride-1978" role="img" aria-label="1978 Pride Flag. Seven vertical bars of equal size: red, orange, yellow, green, turquoise, blue, and indigo"></div>
.flag {
width: 80vmin;
aspect-ratio: 70 / 45;
}
.pride-1978 {
background:
linear-gradient(red 0 14.28%, orange 0 28.57%, yellow 0 42.85%, green 0 57.14%, darkturquoise 0 71.42%, blue 0 85.71%, indigo 0);
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.