⬜️ Калькулятор для жидких размеров ⬜️

Жидкие размеры — это значения, которые меняются в зависимости от ширины экрана. В css они задаются через функцию clamp(). Там указывается максимальный размер, минимальный размер, максимальная ширина устройства и минимальная ширина устройства.

Например, вы задаёте, что размер будет 40px на мониторах 1600px и выше, а минимальный размер в 30px на мониторах 360px. В итоге у вас будет пропорционально меняться размер.

Такой подход позволяет адаптировать все цифровые размеры (размеры шрифтов, отступы, закругления и тд) без медиа-запросов. Но единственный минус заключается в том, что самому выписывать всё это довольно трудно. Специально для этого были созданы калькуляторы, где вы задается нужные значения, а на выходе получаете готовую функцию clamp().

🔗 Посмотреть 🔗

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #верстка