There is a color bar, is there an option to tame the code, it is very cumbersome and not very convenient to work out. And what can be done to adapt, some of the colors were hidden or less remained with their dimensions.
.orange, .purple, .blue, .pink, .yellow, .green{ width:calc(100% / 24); height: 20px; float: left; } .orange{ background: #ee6a51; } .purple{ background: #a883b9; } .pink{ background: #eb649f; } .blue{ background: #00b6ef; } .yellow{ background: #ffd749; } .green{ background: #abc933; }
<div class="colorLine"> <span class="orange"></span> <span class="purple"></span> <span class="pink"></span> <span class="blue"></span> <span class="yellow"></span> <span class="green"></span> <span class="orange"></span> <span class="purple"></span> <span class="pink"></span> <span class="blue"></span> <span class="yellow"></span> <span class="green"></span> <span class="orange"></span> <span class="purple"></span> <span class="pink"></span> <span class="blue"></span> <span class="yellow"></span> <span class="green"></span> <span class="orange"></span> <span class="purple"></span> <span class="pink"></span> <span class="blue"></span> <span class="yellow"></span> <span class="green"></span> </div>