Masonry на Flexbox: раскладываем элементы по строкам с точной математикой

Разбираем, как Flexbox распределяет свободное место между flex-элементами (grow/shrink), чтобы собрать “мозаичный” layout из карточек разной высоты при известном aspect ratio. Освоим логику расчёта для каждой строки и сможем воспроизвести masonry-эффект без тяжёлых фреймворков.

https://frontendmasters.com/blog/flexbox-masonry-layout-explained-with-math/