Я понимаю вашу точку зрения. Одним из решений будет медиа-запрос для изменения направления гибкого движения на столбец до определенной ширины. Но это все еще не 100% отзывчивое простое решение без использования сложных CSS / Javascript

ел бы добиться эффекта сетки в CSS с элементами, которые имеют одинаковую ширину по размеру, но не по высоте. Я хотел бы, чтобы элемент под ним всегда был на 50px от нижнего, что бы ни было дальше.

Я пытался с поплавками, но это ошибка. Поэтому я попробовал с Flex, но он все еще не делает то, что я хочу.

.container
  display: flex
  flex-wrap wrap
  align-content flex-start
  align-items flex-start

Что бы я хотел:

Что я имею:

Ответы на вопрос(3)

Ваш ответ на вопрос