Владислав Лысков, Интересное решение, такое простое, из него сразу стало все понятно, даже уточняющих вопросов не осталось.
Вопрос: как нагрузить? Ответ: нагрузи!
::два_больших_пальца_вверх::
Ankhena, в этом случае если второй и третий элементы помещаются на одну строку, то они будут на одной строке, т. е. большой первый элемент может занять всю строку, а второй и третий окажутся небольшими по ширине и займут вторую строку, но тут важна логика: каждый элемент должен занимать свою отдельную строку при нехватке ему места.
Нет, не то это. Поясню. Если сделать случайную ширину элементов, то при достижении определенного размера ширины окна браузера элементы в зависимости от их ширины и доступной ширины контейнера не будут идти именно в той очередности, в которой показал я на примере в вопросе. Вот вам наглядный пример из вашего примера:
А надо чтобы была универсальная логика при любых ширине элементов и ширине окна браузера, т. е. при любом раскладе: третий элемент уходит на второю строку первым, второй — на вторую вторым и никак иначе. Тут, наверное, все-таки, JS нужен.
Как тот курс называется, где учебник, учебные материалы? Нельзя же студентикам просто сказать: «вот вам прямоугольнички, квадратики и вот эта завитушка — делайте».