Онлайн конструктор FlexBox — это интерактивная шпаргалка для обучения азам вёрстки.
Встроенный предпросмотр позволяет моментально увидеть, как будут располагаться flex элементы, и за что отвечает каждое свойство.
Калькулятор рассчитывает итоговые размеры элементов, но у него есть ограничения. ИРС, ИРР верно рассчитываются только в том случае, если элементы расположены по-горизонтали, активно свойство flex‑wrap: nowrap и значения order установлены по умолчанию. Также при разных значениях flex‑grow или flex‑shrink у каждого элемента калькулятор может давать погрешность 1-5px.
Можно добавить до N элементов, и по отдельности их настроить.