Как сверстать картинки в данной странице?

Подскажите, пожалуйста как лучше сверстать картинки? Не знаю, звезду сделать через background + текст или же одной картинкой?

50 копеек это цена или украшение? (Это ответ)

Тоже самое и блок с цифрой + картинка + заливка. Как их лучше сделать? Цифру через псевдоэлемент

Если номера важны, то это ol со скрытыми родными номерами и счетчиком в псевдоэлементах.

, а картинку с заливкой одним блоком?

Зависит от того, как вы собрались адаптировать этот блок.

p.s. где вы откопали такой дизайн прошлого века?
Заливку можно сделать градиентом.
Картинку фоном или псевдо, как хотите. Но не img. Либо img, но с aria-hidden.

Как выровнять по одной линии два разных ul элемента?

У меня вопрос: если нужно, чтобы верх был на одной линии, зачем вы пишете, что нужно центрировать?

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

Боюсь, что owl может не понять флекс для контейнера.
Зато swiper точно поймет.

Т.е. либо задавать сразу фикс высоту слайдам либо определять наибольшую с помощью js и задавать всем (можно через кастомные).

Либо заменить на swiper, заодно избавившись от JQ зависимости.

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

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

godsplane, когда станет не плевать, то появится ТЗ. Со своим перечнем браузеров под каждый из проектов. Так что единообразие будет, только если за основу брать слишком большой круг браузеров и запретив себе использовать всякие приятности во всех проектах.

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

godsplane,

просто хочется чтобы внутри команды хотя бы были установки.

Зачем? Если заказчикам плевать.

Вместо русского текста пустые строчки как исправить?

unclerusyt, один знакомый на такие вопросы отвечает "в овощном ларьке, наверное".

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

Как в VS Code запустить сборку SASS?

Если вы пишете таски, так уж используйте gulp.
Либо Live Sass Compiler.

Вместо русского текста пустые строчки как исправить?

unclerusyt, смешной вопрос )) Искать шрифт в котором есть.

Вместо русского текста пустые строчки как исправить?

unclerusyt, шикарная песочница. Можно подумать в ней что-то видно.

Проверьте, что в шрифте вообще есть русские буквы (думаю, что нет)

Вместо русского текста пустые строчки как исправить?

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

Как расположить элементы с помощью гридов как на скрине?

Zhenya Tureysky, еще есть хорошая игра по гридам grid garden (гуглится)

Как не показывать когда его нет?

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

Можно ли сверстать эти фотки используя флексы?

Можно гридами.
Разбивать картинки на 3 нет нужды, если они не живут самостоятельной жизнью (при адаптиве или анимациях).

И вы молодец, что думаете про то, как избавиться от лишних абсолютов.

Почему размер шрифта в фотошопе и в CSS различается?

У вашего заголовка размер 2em.
У родителя шрифт 42px.
Итого получаем ваш шрифт в два раза больше макетного.

вопросы

1. зачем вам столько оберток:
welcome
container
welcome__inner
welcome__text

Достаточно двух. Или даже одной.

С хедером аналогично.

2. Зачем вот это

body, h1, h2, h3, h4, h5, h6, p, ol, ul {
    margin: 0;
    padding: 0;
    font-family: 'Titillium Web', sans-serif;
}

Обнулять отступы рано. Пора только для body.
А шрифт тоже достаточно задать для body, все остальные из этого списка и так его унаследуют.

3. Зачем контейнеру 100% ширина?
Он и так такой при вашем box-sizing.

4. header вы, наверное, хотели сделать sticky, а не absolute? Потому что зачем ему абсолют мало понятно.

5. Не вопрос, но меню верстают списком внутри nav.

Почему не работает z-index у before?

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

Читайте начиная, например, отсюда css.yoksel.ru/kontekst-nalozheniya

Почему не работает z-index у before?

Алексей, вопрос про z-index

Сбилась кодировка на сайте, как исправить?

Проверять кодировку файлов и сервера

Как удалить авто мета данные?

Вам куда-то сюда

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

lekseykorolev, еще раз: это один заголовок и после него текст.
А уже внутри заголовка выстраивайте его как хотите (гридом удобно).
Да, дизайнер нарисовал тут штуку, которая не выдержит переполнения, но так бывает.
На десктопе флекс или грид и сдвиг параграфа.
На мобилках просто блоки.

Если хотите продолжать держать в коде фигню, то order в помощь.

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

Блочные элементы сами встают в столбик.
Им для этого не нужны ни флекс ни грид.

А вот где вы там нашли 3 заголовка первого уровня, вот это вопрос.
SEOшники вам такого точно не простят )))
На самом деле он там один. А уже внутри можно span. И, наверное, гридом.