.bar-group {display: flex;--gap: 0px;--columns: 4;gap: var(--gap);flex-wrap: wrap;--width:calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)))}
.bar-group .bar{width: var(--width);min-width:  var(--width)}

@media (max-width: 1024px) {
    .bar-group {--columns:2}
}

@media (max-width: 350px) {
    .bar-group {--columns:1}
}