Я постоянно добавляю новые блоки на сцену.Все блоки имеют стиль float:left, поэтому они придерживаются друг друга.Свойство width определяется как media, например:
@media screen and (min-width: 0px) {
.block { width: 100%; }
}
@media screen and (min-width: 300px) {
.block { width: calc(100% / 2); }
}
@media screen and (min-width: 600px) {
.block { width: calc(100% / 3); }
}
Ключевая особенность заключается в том, что блоки покрывают всю ширину окна.
Проблема в том, что я неТочно так, что новые блоки добавляются мгновенно, отодвигая все предыдущие.Я знаю, как анимировать постоянную ширину, но в этом случае я имею дело с переменной шириной (в%), которая зависит от размера окна.
Буду признателен за любой совет!