Как сделать кнопку написать в ватсап с ссылкой на товар?

<a href="https://wa.me/79999999999?text=Хочу получить {{ product.name }} {{ product.url}}" class="btn btn-default btn-whatsapp" target="_blank">В WhatsApp</a>

Возможно, ещё пробелы %20

Как уменьшить масштаб блока в зависимости от размеров родителя?

raving, переверстайте или используйте calc (вероятно, будет удобнее совместно с кастомными свойствами) или пересчитывайте на js.

Как уменьшить масштаб блока в зависимости от размеров родителя?

raving, текст будет изменяться пропорционально и никуда не перепрыгнет. Это если прочитать рекомендации.

Как уменьшить масштаб блока в зависимости от размеров родителя?

Вообще реально ли такое сделать?

Да, реально. Считайте необходимый масштаб и уменьшайте.

Только зачем это всё, если можно сделать нормально.

Вы зачем-то задаете блокам фикс ширину 900 и 500 px.
Если хотите, чтобы они пропорционально изменялись, то используйте гриды, 9fr 5fr. Или проценты. Или единицы измерения от контейнера (если позволяет поддержка).
Для текста также используйте контейнерные единицы. Если поддержка не позволяет, вычисляйте через vw.

И потерялась обертка для адаптивной картинки. Или грид ячейка может выступать в роли такой "обертки". Сейчас ваш contain может работать как заблагорассудится браузеру.

Возможно ли изменение самого контейнера через контейнерный запрос?

Не могу понять, атрибуты самого контейнера нет возможности менять?

1. В спеке написано как это работает, что контейнер это предок.
2. У вас не получилось сделать пример в противоречие спеке.
Что именно после этого осталось непонятным?

Можно ли как то реализовать это без обертки

Зависит от того, за счет чего меняется ширина элемента.
Если из-за вьюпорта, то есть обертка body.
Если по собственному же контенту, то можно покрасить фон псевдоэлемента.

В таких ситуациях лучше рассказывать истинную задачу, а не получившуюся, вероятно из-за неверных предыдущих шагов, странную ситуацию.

Как в Fancybox 4 отключить воможность перетаскивания окон?

Сергей Арсентьев, обычно такие вещи всегда есть в документации, рекомендую.

Как в Fancybox 4 отключить воможность перетаскивания окон?

Это dragToClose: false?
Или чтобы и не перелистывалось?

Как растянуть линию от отного блока до другого?

Если удалить span и заменить его на псевдоэлемент, то будет и не плохо.

Почему не загружаются шрифты на сайте?

goga_giga, в современном мире лучше бы woff2, а не ttf. Гуглите что-то вроде "подключение шрифтов из папки"
И без пробелов в названиях файлов (не важно шрифты или что-то другое).

Где найти созданные на WordPress страницы?

сможете посоветовать мне хорошее руководство по WP?

https://wp-kama.ru/ + обычная гуглежка

Почему в любом браузере жирный текст на сайте deepseek?

Я бы начала с проверки шрифта на вкладке Computed.
А потом, соответственно, или проверять что с этим шрифтом у вас в системе или что с предыдущими по списку.
Например, у вас в системе установлен кривой шрифт или нет нужной жирности или в нём эта жирность перепутана. Или типа того.

Как сделать эффект при наведении как в меню на этом сайте?

Антон Антон, да, так прекрасно

Как сделать эффект при наведении как в меню на этом сайте?

Антон Антон, конечно, колонки-то потерялись, размеры потерялись, пустой div остался.

Как сделать эффект при наведении как в меню на этом сайте?

Антон Антон, Флексы не позволяют накладывать элементы друг на друга. А гриды позволяют. При этом более защищены от проблем переполнения, в отличие от абсолютов.

Как сделать эффект при наведении как в меню на этом сайте?

без этих ваших :before

Если заменить пустые теги на эти наши псевдоэлементы, то будет супер.
И работать будет и без мусора в разметке.

А если абсолют заменить на гриды, то будет просто праздник, а не код.

Как сделать эффект при наведении как в меню на этом сайте?

Не нужен там JS для наведения, достаточно обычного CSS.
Делать трапецию прямо как там, тоже не нужно.
Конкретно там это две png картинки.
Если уж картинками, то только треугольник, да и тот в svg.

Гуглите как делать треугольники на CSS.
Если не получится, приходите с кодом в песочнице и показывайте что именно не вышло.

Как Clamp влияет на производительность, если его везде использовать?

BloomingBurden, отлично, разбирайтесь! Это очень интересные темы.
Почитайте про единицы от контейнера, если ещё не читали.

Как Clamp влияет на производительность, если его везде использовать?

BloomingBurden,
Я поняла, что вы ничего не поняли, да ещё так не поняли, что даже позволили себе огрызаться.
Ну, давайте разжую.
Насмешка не над align-items, а над -ms- для флексов.
Т.е. вы считаете, что в ваше целевую аудиторию входит достаточное количество пользователей 10-11 ИЕ.
А потом пишете, что всегда и везде используете clamp, который и в старом Edge-то не работает, не то что 10-11 ИЕ.
Вот это действительно и глупо и нецелесообразно.

просто ваше утверждение никак не связано с моим вопросом

Вижу, что вы задали свой первый вопрос тут. Приглядитесь к интерфейсу. Есть поля для ответов, а есть для комментариев. Своё удивление от увиденного я написала как раз таки в комментариях. В надежде, что вы скажете что-то типа "ха-ха, действительно, забыл исправить автопрефиксер".
Но отсюда следует и другое: не нужно показывать в вопросе свойства с префиксами, если вопрос не касается конкретно их или свойства без вендорного префикса в принципе не существует.

Про clamp и по теме вопроса
Раз уж стала писать простыню.
Вряд ли кто-то за вас пойдет измерять нагрузку конкретно в вашем проекте. То, что большое количество вычислений увеличивает нагрузку на браузер, вроде очевидно. С другой стороны, браузер всё равно пересчитывает всё в px. И просто vw или vw с ограничением в px, ничего особо не прибавят. А вот вычисление calc внутри, это уже интереснее. Но конкретную прибавку, опять таки смотрите самостоятельно.

По поводу использования clamp всюду, в частности, у вас в паддингах. Очень вряд ли или редко вертикальные паддинги блока зависят от ширины вьюпорта. Скорее от размера самого блока или шрифта. Используя соответствующие единицы измерения и/или кастомные свойства, можно упростить логику, увеличить читаемость, сократить код, сократить нагрузку (на всех и на браузер в том числе).
Аналогично и с другими свойствами.
Минимальная высота от 4 до 8 rem намекает на сомнительное использование rem. Точнее, на то, что само понятие rem убито чем-то вроде 1rem = 10px, т.е. перестало зависеть от настроек пользователя.
Дальше логика снова куда-то поехала. Тот способ адаптива через rem, некоторое время назад, действительно, имел некоторую популярность, к счастью, не очень большую. Но с вводом того же clamp, min, max и новых единиц измерения от вьюпорта, от контейнера, кастомок, стал не нужен. Я бы рекомендовала развязать всю эту кашу.

Как Clamp влияет на производительность, если его везде использовать?

BloomingBurden, при чем тут тайлвинд и его классы?

Есть код,не могу понять почему не получается отодвинуть popup__close на 10px От верха и от края, top:10px;right:10px; не работает?

Anterro, ещё раз: значит, нужно сделать песочницу с видимой проблемой или дать ссылку на сайт.