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

San Manjiro, что значит "изначально"?
При такой записи размер зависит от размера вьюпорта, но не превышает максимальное значение и не может быть меньше минимальной.
Соответственно и изначальный размер будет зависеть от размера вьюпорта посетителя.

как подобрать середину?

vw это сотые доли вьюпорта.
Значит, поделить 435 на то значение вьюпорта на котором нужно достичь этого размера и умножить на 100. Пусть это будет 1440px.
435/1440*100 = 30.20833333
Итого 30.21vw

Как не обрезать тень элемента, используя "overflow: hidden"?

внутренний отступ у контейнера присутствует, он равен как раз размеру тени

Ну так увеличьте паддинг, чтобы не было такого визуального эффекта и не придумывайте себе сложностей.

И не пишите сами себе ответов.

Как правильно выложить приложение на vue+vite на github pages?

Вот хорошее видео про публикацию на gh pages
По-моему, это самый удобный вариант.
В основной ветке исходники, а билд происходит в какую-то другую указанную вами ветку, автоматом по какому-то событию (например, пуш) в мастере (или в другой указанной вами ветке).

https://www.youtube.com/watch?v=hevU4NdIsoU&list=L...

Можно ли писать div вне body?

Maxwl1,

Я уже несколько раз обжигался на вранье gpt, но пока это единственный помощник, который всегда на связи.

Не буду, конечно, отговаривать вас продолжать жрать кактус, но гугл тоже всегда на связи, а ответы будут хотя бы в контексте.

Можно ли писать div вне body?

Вот спека https://html.spec.whatwg.org/multipage/sections.ht... и там всё написано.
В частности, что тег body можно и не писать.
Но на данный момент в сообществе так делать не принято.
Про остальные теги найдете там же.

Как правильно выложить приложение на vue+vite на github pages?

Лев Кудрявцев,

на github pages пока ничего не писал

Так, а в workflows что написано?
Или вы просто закинули проект на Гитхаб и ожидаете, что он сам догадается, как это собрать?

Каким должен быть набор атрибутов у ссылок с точки зрения безопасности для разных случаев?

Wylaroren,

я начинаю погружаться в спецификацию и работу под капотом только тогда, когда это необходимо

Видимо сейчас пока нет такой необходимости.

то у нас не получается конструктивного диалога

Именно так.
Про причине выше.

Захотите конструктива, приходите с конкретными вопросами после прочтения описания интересующих значений.

Покупка сайта (движок)?

По какой причине вы хотите купить именно у него?
Что ценного в этом предложении? Дизайн? CMS? Цена?
Потому что не знаете альтернатив, а он предложил готовое? (Ни в коем случае не хочу вас задеть)

Я бы посоветовала потратить немножко времени вот на что:
1. Узнать что именно он предлагает, на каком движке. Почитать про этот движок, если он в открытом доступе.
Если нет, то узнать удобен ли вам предлагаемый.
2. Почитать о возможностях популярных решений типа CMS WordPress или конструктора Tilda.
Может быть они подойдут под ваши задачи.
Или может вам за глаза и за уши хватит генератора статики.
3. Написать ТЗ. Что именно вам нужно.
4. Поискать альтернативные предложения и/или разместить задание на биржах, прицениться в студиях.

Что-то в таком духе.

Как сделать фон белым не перекрывая основную кнопку?

P.S. вот что получается, если дать нужный background-color: white вместо none.

С виду осталось разобраться с отступами, радиусами и убрать высоту.

Тень можно заменить на псевдоэлемент и спозиционировать куда надо.

Лучше делайте песочницу с видимой проблемой, такой код плохо компилируется в уме.

Каким должен быть набор атрибутов у ссылок с точки зрения безопасности для разных случаев?

Wylaroren, какие ещё личные оскорбления и мое душевное равновесие? Спишем на пятницу.

Вы владелец сайта. Что нового и тайного вы узнаете о сайте при переходе между его страницами?
Безопасность чего вас при этом беспокоит?

Каким должен быть набор атрибутов у ссылок с точки зрения безопасности для разных случаев?

А что насчёт внутренних ссылок, если их надо открыть на другой вкладке?

И?
Сам себе сообщишь тайные знания о самом себе?
Это к другому доктору.

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

donaire,

Есть ли какие-то таблицы, откуда можно узнать размеры окна браузера в зависимости от экрана и типа браузера?

Нет такой таблицы и быть не может. Десктопный браузер может быть развернут на произвольную высоту и ширину.
А также могут быть любые настройки в масштабировании системы.
И целый зоопарк мобильных устройств.

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

Отображается правильно только в режиме адаптивной вёрстки 1920*1080, а при простом отображении страницы на мониторе 1920*1080 показывается страница для меньшего размера экрана.

Покажите-ка скринчик вот этой странички https://www.esolutions.se/en/test

Как корректно настроить csscomb для saas?

А я бы ещё пересмотрела необходимость такой вложенности.

Вряд ли .tabItem существует и не внутри .tabWrapper
Стили .label, которые внутри hover вполне можно заменить на кастомные свойства.

Как верстать блок необычной формы адаптивно?

xdevelx, да.
Тому примеру много лет :)

Возможно ли залить цветом area на map? Или изменить например прозрачность?

Самое простое перерисовать в SVG.
Или поверх наложить SVG (не знаю, как сделана ваша карта и какого рода области вы выделяете)

Как верстать блок необычной формы адаптивно?

nukvi22, что-то я не вижу на скрине бордера..
Если речь про тень, то в примерах она присутствует.

Существует ли легкий аналог Dreamviewer'a?

Слева в окне код, справа то как выглядит сайт.

Любой редактор (VS Code, Websotrm) и лайв сервер к нему плагином или встроенный.
И смотрите сайт прямо в браузере, а не в каком-то редакторе, в котором половина свойств не обновилась.

У Dreamviewer'a была возможность двигать что-то визуально, а не править код. Если этого и не нужно, то лучший вариант выше.

Как верстать блок необычной формы адаптивно?

Ближайшие аналоги
https://jsfiddle.net/Ankhena/kLr7onyb/
https://jsfiddle.net/Ankhena/1hu9ot0q/1/

Можно использовать SVG для скругления верхней части основного блока.

Вам можно даже не "вырезать" круглях, а наоборот сделать его обводкой для картинки. Если фон однотонный и не собирается меняться. Впрочем, даже если и собирается меняться, но на однотонный, то тоже самое.

Почему header может перестать сжиматься?

Почему header может перестать сжиматься?

Очевидно потому, что всё что могло сжаться уже сжалось.
А дальше мешает текст и его (наверное) отступы.
Вы не показали код хедера и не сделали песочницу в которой можно было бы посмотреть самостоятельно.

Так что, проверяйте что внутри и его размеры.

Альтернатива - дело вообще не в нем.
Либо удаляйте блоки по одному либо цветные outline вам в помощь.
Не забудьте обводить и псевдоэлементы.

Почему не работает input type="radio"?

Иван Кулаков, кажется вы не поняли, что происходит в вопросе.

В вашем коде вообще нет скрытых через display: none инпутов.