Как задать размер gap с помощью calc(), чтобы он увеличивался вместе с размером экрана?

Question

[Александр Ковалёв]

Здравствуйте!
Как задать размер gap с помощью calc(), чтобы он увеличивался вместе с размером экрана?

Answer 1

[Ankhena]

Прям так и задать
gap: calc(5% + 10px);
gap: calc(5vw - 10px);

Единицы измерения зависящие от размеров вьюпорта: vw, vh, vmin, vmax

Также вам может помочь функция clamp (или min или max).

Например, если нужно задать 5vw, но не меньше, чем 10px и не больше, чем 50px
gap: clamp(10px, 5vw, 50px);

Тогда не нужен calc.

Answer 2

[Froggyweb]

в простом случае gap: 5vw в более сложном https://www.youtube.com/watch?v=NVdlfhkDAGM