Почему прописывают брейкпоинты контейнеру?

Question

[jarderRek]

Задают на сайте контейнер общий, допустим шириной: 1100px.
Потом прописуют ему это:

@media(max-width: 991.98px){
    .container{
        max-width: 970px;
    }
}

@media(max-width: 767.98px){
    .container{
        max-width: 670px;
    }
}

@media(max-width: 479.98px){
    .container{
        max-width: none;
    }
}

Почему нельзя прописывать брейкпоинты только элементам контейнера?
Почему прописывают сначало контейнеру, а потом только элементам?

Comments

[Ankhena]

Большинству людей проще написать это один раз контейнеру, чем 100 раз каждой секции.

А даже если по отдельности в готовом CSS, то всё равно один раз с помощью миксина в исходниках.

Но ситуации бывают разные.

[Антон Литвиненко]

Потому что в данном случае контейнер имеет ширину и она должна меняться от точки к точке. если не прописывать он всегда будет на 100% или на той максимальной ширине которую ему задали. или не совсем понятен вопрос