Front-end разработчик обязан уметь верстать в разных программах?

Фигма и Скетч это две разные вещи, не надо путать.

Вы можете отказываться работать с дизайнами в psd. Вас же не заставляют.
Ваш личный выбор.
Сейчас все больше и больше дизайнеров используют Фигму.

Верстальщик никому ничего не обязан до тех пор, пока не подписал договор и не взял проект в работу.
Хороший верстальщик может достойно сверстать что угодно и откуда угодно, хоть из jpg.

CSS свойство outline на андроиде работает как надо, а на айфоне - неправильно. Почему?

Максим, уже бывает.

stremsky используйте border или тени.

Возможно ли сделать общий футер на всех страницах?

Deita, подключение css тоже программирование?

Возможно ли сделать общий футер на всех страницах?

Deita, собственно, что вам нужно знать кроме HTML, чтобы использовать SSI?

Возможно ли сделать общий футер на всех страницах?

maksam07, у нас с вами совершеннолетие в разные моменты наступает.

Возможно ли сделать общий футер на всех страницах?

- SSI
- gulp-file-include - плагин для галпа (я бы назвала его мини-шаблонизатором)
- Шаблонизатозы: Nunjucks, Twig, Pug
- Генераторы статики типа 11ty (Хороший обзор https://www.youtube.com/watch?v=DtTadxKrFMY)
- php
- взрослые CMS

Наверняка что-то ещё, о чем я забыла

А также

https://qna.habr.com/q/341201
https://qna.habr.com/q/342612
https://qna.habr.com/q/991729
https://qna.habr.com/q/1222972
https://qna.habr.com/q/1082694
https://qna.habr.com/q/1152688
https://qna.habr.com/q/1242738

и т.д.

Как такой фон сделать?

clip-path
градиенты
svg на фоне
псевдоэлементы с треугольниками
...

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

Не всё понятно, что вам не понятно.
Если фон не должен меняться, то это фон слайдера.
Если фон должен меняться вместе со слайдом, то это фон слайда.

Как выравнить элементы в grid?

Знаете, если заменить разметку на dl, <dt> и <dd>, то даже вопроса такого бы не возникло. Они бы элементарно выстроились гридом без танцев.

Как округлить ширину блока до целого числа при адаптивной ширине?

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

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

Не нужно городить лишних оберток.
Расставьте гридами как вам хочется. Элементарно 2х2.

Как сделать так, чтобы текст уходил под кург?

.container * слишком дорогой селектор и не нужен тут, ведь ниже напрямую задаете display

Как сделать так, чтобы текст уходил под кург?

Young11,

Просто замените у span display на inline-flex.
Если не понравится расстояние между строками, уменьшите размер и задайте тень.

Как сделать шрифт тонким?

Zac Rider, откройте инструменты разработчика и посмотрите, если лень гуглить

Как сделать шрифт тонким?

Zac Rider, вероятнее всего, перерисовать шрифт, чтобы "тонкие линии" были там, где вам хочется.
https://fonts-online.ru/fonts/kyiv-type-sans/testing

Как сделать шрифт тонким?

Zac Rider, если он вариативный, то гуглите про них.

И добавляйте что-нибудь типа font-variation-settings: 'wght' 1000, 'CONT' 1000

Как сделать шрифт тонким?

Zac Rider, это не отменяет того, что я написала.
Открывайте консоль, смотрите ошибки.

Напишите рядом фразу латиницей

Как сделать шрифт тонким?

Либо ваш шрифт вообще не поддерживает кириллицу либо неверный путь к нему.

p.s. современный формат шрифтов это woff2 и для предыдущего поколения woff.

Как не отображать тэг после последнего элемента?

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

Как правильно задавать пути к шрифтам для vite?

Девтулз показывает вам где ищет шрифты.
Вы знаете где они лежат на самом деле и какой результирующий путь должен быть.
=> корректируете исходники