Мдааааа

Тут похоже нужен курс молодого бойца по основам респонсивного дизайна

Да, это так, если бы количество дивов сохранялось бы.

Как раз наоборот.

Удаляем один див, на освободившееся место подползает следующий.

Добавляем несколько новых, они все размещаются друг за дружкой на свободное место.

Это всё можно симулировать при помощи "Entwicklerwerkzeug" от Firefox.

Не так всё просто.
Хотелось бы забросить дивы и пусть они сами заполняют отведенное место, но это не получится.

Всё как раз наоборот; проще паренной репы.

В том то и есть преимущество респонсивного дизайна.

Нужно просто попробовать оторваться от наезженной колеи и попробовать сделать это.

Тогда или всё получится, или будут конкретные места где что-то не получилось.

Тот набросок, который я выше предлагал,

он уже в принципе полноценный прототип.

Всё работает.

В "Entwicklerwerkzeug" от Firefox можно всевозможные сценарии проиграть.

"Knoten löschen" - див удаляется.

"Knoten klonen" - дивы размножаются.

Этим можно симулировать уменьшение и увеличение количества дивов.

Так же можно попробовать действие различных свойств CSS.

В Chrome есть тоже подобная игрушка, но я больше с Firefox работаю.