нужно ли каждый круг задавать дивами(40 штук)
Но последний, нижний блок, который оранжевый, нужно чтобы был на всю ширину экрана, внутри будет контент, но по бокам до конца окна браузера мне нужно продолжение цвета блока.
какие варианты решение существуют?
ul {display:flex}
решит вашу задачу.