Как расположить блоки на всю ширину контейнера?

Question

[Pavel_Proca]

Дано n количество блоков. Как их расположить так, что бы они занимали одинаковое количество пространства в контейнере, и при этом были responsive, то есть уменьшались/увеличивались в зависимости от ширины экрана? Пример того, что я пытаюсь сделать - тык1 тык2

Answer 1

[GreatRash]

Не responsive тогда уж, а liquid... Ох уж эти новички, путаются в терминологии...
По существу: flexbox или table.

Answer 2

[Archakov Dennis]

1. Используй для N-блоков ширину в процентам %. Дано по примеру 5 блоков. То 5 блоков / 100% ширину всей доступной области = 16,6666666%. То, ширина каждого блока будет: width: 16,6666666%

2. Когда размер экрана будет доходить до момента, где текст в этом облоке будет съезжать криво, юзай медиа запросы. Вот тебе две статьи тык1 и тык2

Answer 3

[Сергей]

самый "фронтальный" способ решения вопроса
Конечно, тут есть подводные камни. Например, если выравнивать нечётное количество блоков, то не получится использовать всё пространство до конца. Три блока по 33% дадут 99%, а не 100%.
Если есть немного времени, лучше переделать разметку сайта под flexbox, как вам посоветовали выше.
Удачи.