Почему нет нормальной работы с svg в css?

pixal,

<svg>
  <circle fill="currentColor">
</svg>

svg {
  color: red;
  
&:hover {
    color: green;
  }
}

Естественно, свойство color наследуется, так что выбирайте селектор как удобно.

Что не так с safari?

Я бы задала для инпута display в явном виде.

Что не так с safari?

Это пока appearance: none; не прикрутишь. С ним он становится как спанчик.

Как сделать такую анимацию при скролле?

Удобно градиентом.

Как задать border на всю ширину контейнера?

Налево псевдоэлемент. Направо тень от него.
Так точно не будет полосы прокрутки.

Как сделать так, чтобы имя было под id?

subgrid или js

Как расположить элементы как на картинке?

Владислав Андреев, уже можно subgrid, если устраивает поддержка.

Если нет, то переделайте разметку с ul на dl и обычным гридом. Всё будет ровно и семантично.

Как задать размер 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 вполне можно заменить на кастомные свойства.