.container__products {
margin-top: clamp(30px, 9vw, 90px);
}
calc
по формуле: margin-top: clamp(30px, calc(9vw + (700px - 100vw) * 0.06), 90px);
, но ничего не получается. .container__products {
margin-top: clamp(
30px,
calc(9vw + (1000px - 100vw) * 0.06),
90px
);
}
:root {
--min-margin: 30px;
--max-margin: 90px;
--min-width: 700px;
--max-width: 1000px;
}
.container__products {
margin-top: clamp(
var(--min-margin),
calc(
var(--min-margin) +
(var(--max-margin) - var(--min-margin)) *
((100vw - var(--min-width)) / (var(--max-width) - var(--min-width)))
),
var(--max-margin)
);
}