Кнопочки и CSS переменные?

SuperToster, мне лень было писать про исключения типа material

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

1. решается с помощью svg на фоне background-repeat
2. фон однотонный, так что просто на рамку накладывается псевдоэлемент, у которого фон цветом и svg. При адаптиве изменяете положение псевдо.

Адаптивный Tabs на css, при клике раскрывает контент, а как сделать чтобы по клику закрывало контент?

Антон Вебсайтовский, если ваши заказчики с ИЕ, то да, не повезло с гридами. Просто измените разметку, как вам нужно. Благо, с ней вы уже разобрались.
Скрипту без разницы.

Grid - как идет расчет линий/колонок?

Евгений Иванов, потому что есть ещё span

Как вывести итальянский в php?

ThunderCat, смотря откуда взялся этот скрин

Кнопочки и CSS переменные?

SuperToster, ждите это https://www.youtube.com/watch?v=-6V7EvfUs3k

Вряд ли дизайнер сделает вам состояния кнопок с разницей в цвете с каким-то одинаковым шагом. Мечтать полезно, но обычно нет.

Мне больше нравится подход, при котором свойство (в вашем случае это background-color) не повторяется.

В упрощенном виде:

--bg: gray

.btn {
background-color: var(--bg);
}
.btn--primary {
  --bg: red
}
.btn--second {
  --bg: blue
}

т.е. переопределяется только переменная.
А у вас и то и другое.

Как вывести итальянский в php?

Либо просто шрифт без этого символа

Адаптивный Tabs на css, при клике раскрывает контент, а как сделать чтобы по клику закрывало контент?

Антон Вебсайтовский, перестройте сами, как нужно. Гридами это полминуты. Можно даже разметку не менять. Лишним оберткам display contents и вперед.

Через detail не выйдет потому что без js открытие одного не приводит к закрытию остальных

Адаптивный Tabs на css, при клике раскрывает контент, а как сделать чтобы по клику закрывало контент?

Антон Вебсайтовский, вообще любой из гугла по запросу "javascript tabs"
Например, https://jsfiddle.net/Ld4uctrw/

Если уж мы заговорили что правильно что нет, тогда можно было сделать и на details )

Не выйдет без js.

Адаптивный Tabs на css, при клике раскрывает контент, а как сделать чтобы по клику закрывало контент?

Антон Вебсайтовский, я имела в виду, вообще перестать использовать чекбоксы не по назначению

Адаптивный Tabs на css, при клике раскрывает контент, а как сделать чтобы по клику закрывало контент?

Вариант перестать использовать костыли и написать табы (взять готовые и адаптировать под свои нужды) на JS не предлагать?

Почему не переключается инпут-чекбокс?

пример в кодпен

Там работает :)

Как вернуться на master без изменений?

git stash
или git cherry pick

Как правильно ответить на вопрос работодателя о скорости верстки?

как правильно ответить на вопрос

Честно.
Вот такой макет я делаю столько-то (чистых рабочих часов примерно столько, дней примерно столько (всё таки есть другие дела и проекты)) и стоит это столько (проект или в час).

Если эти параметры подходят работодателю, он вас наймет.
Если вы его обманете, назвав какие-то другие, то довольным в результате не будет никто. Ни он, ни вы.
А что хуже всего, он не порекомендует вас другу.

Почему разное отображение подключенных шрифтов?

Разные системы и разные браузеры рендерят шрифты немножко по-разному.

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

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

Вы поставили отступ сверху 22%.
Но отступ в % считается от ширины родителя.

Раз у вас body это флекс, то и задайте ему выравнивание вдоль поперечной оси: align-items: center

Альтернативный вариант: если main так и останется единственным ребенком, то оставить ему margin:auto, не переопределяя верхний отступ на %.

И не забудьте добавить в head

<meta name="viewport" content="width=device-width">

, а то текст будет не прочитать.

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

RomanKudlatov, работает на абсолютах

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

RomanKudlatov, упростите лишнее
https://jsfiddle.net/zu42Lsxf/

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

Как-то вы мало зачирикали скрин.
И песочницы нет.

Но посмотрите https://webref.ru/css/pointer-events

Долго ли искать свой первый оффер ux/ui- дизайнеру, который только-только закончил курсы?

А главное, умение продавать (и продавать свою работу) никак не развивается на курсах по ux/ui