Вредит ли SEO разная вложенность заголовка и контента?

нет

Как верстать адаптивно с помощью vmax, vh, vw и тд?

mardari98, ок
3 столбца по 30-33% (можете процентами, можете vw)
сжимаете окно и смотрите в какой момент этих 30-ти процентов будет недостаточно и перестраиваете на 2 столбца, потом на 1.

Предположим, вы сделаете их по 33vw и на этом остановитесь. На мобильнике с шириной 320px получите столбцы шириной по ~100px, а размер шрифта в районе 1px. Еще некоторые браузеры не делают шрифт меньше 8px, чтобы вы им не писали. Представили как это будет выглядеть?

Как научиться пользоваться методологией БЭМ?

profesor08, ну да, взял маркер от карты и подсунул его в список товаров между карточек, пусть он там решает.
Но не будем спорить про яйцо и курицу, в этом нет смысла, да и не важно кто первичен, от кого мы/вы/он будем плясать. Так или иначе будут компоненты/модули/блоки.

вставляешь ее куда надо.

И для этого, как вы верно сказали "куда надо", нужно понимать возможную судьбу разных элементов макета.

Надеюсь, я нас помирила.

Как научиться пользоваться методологией БЭМ?

profesor08, мне кажется вы не вполне поняли, какую именно мысль я высказала. У спрашивающего проблема не в БЭМ, а в делении макета на блоки, какой бы методологией или инструментами он не пользовался. Для того, чтобы разобраться, нужно понять, что именно и как может переиспользоваться. Какие сущности могут/будут быть самостоятельными, а какие не могут жить без родителя.

CSS слайдер - Накладываются изображения после 4 слайда при использовании animation: round infinite и animation-delay, как быть?

mantruegood, слушайте, это задачка типа из пункта А в пункт Б вышел поезд с одной скоростью, а на встречу ему другой с другой скоростью. А у ваших даже скорость одинаковая.
CSS тут вообще не при чем.

Про параметры анимации тут почитайте https://html5book.ru/css3-animation/

Как верстать адаптивно с помощью vmax, vh, vw и тд?

mardari98,

меня есть PSD шаблон, шириной 1920 пикселей

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

Если вы просто будете задавать все размеры в vw, то на мобилках получите микроскопический нечитабельный текст.

Так не делают.

Почитайте про @media

CSS слайдер - Накладываются изображения после 4 слайда при использовании animation: round infinite и animation-delay, как быть?

mantruegood,

0.5s ease-in-out

если второго времени не указано, то 0.5s это время анимации, а ease-in-out временная функция для кадров.

CSS слайдер - Накладываются изображения после 4 слайда при использовании animation: round infinite и animation-delay, как быть?

mantruegood, и что, что проценты? Это всего лишь количество сотых долей. 25% от часа это 15 минут. Тут тоже самое.
Т.е. если для 4 кадров animation-duration было 16, полная видимость кадра на 25%, а полное скрытие на 40%, то для 8ми кадров будет 32s и 12% и 20% для аналогичного поведения. При тех же задержках в 4s. Если их будет 7, то пропорционально. Если вы хотите снизить задержку до 3s, то пересчитайте проценты.

CSS слайдер - Накладываются изображения после 4 слайда при использовании animation: round infinite и animation-delay, как быть?

mantruegood, вам нужно согласовать время анимации, время, которое виден кадр и задержки. Предварительно (или эмпирически) решив, нужно ли, чтобы следующий кадр начал проявляться до того, как предыдущий исчез окончательно.

Когда вы увеличиваете animation-duration, не изменяя keyframes, увеличивается время видимости кадра.

CSS слайдер - Накладываются изображения после 4 слайда при использовании animation: round infinite и animation-delay, как быть?

mantruegood,

вот поменял

не вижу ))

Задавая вопрос, разумно прикладывать к нему песочницу на codepen.io или jsfiddle.net, чтобы можно было увидеть это "вот".

CSS слайдер - Накладываются изображения после 4 слайда при использовании animation: round infinite и animation-delay, как быть?

mantruegood, и вот это уберите из кода

style="width:29%; position: absolute; margin-top:25px;"

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

CSS слайдер - Накладываются изображения после 4 слайда при использовании animation: round infinite и animation-delay, как быть?

mantruegood, через 16 секунд второй раз запускается анимация первой картинки. В это же время вы запускаете анимацию пятой картинки первый раз.

CSS слайдер - Накладываются изображения после 4 слайда при использовании animation: round infinite и animation-delay, как быть?

Так на время посмотрите

Как научиться пользоваться методологией БЭМ?

profesor08, переиспользовать не нравится и с нуля не нравится. Выразитесь конкретнее.

Как научиться пользоваться методологией БЭМ?

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

Как изменить вид ссылки?

Как убрать .html в конце адреса каждой веб-страницы сайта, без использования php?

Как переопределить hover?

Виктор Л, ответ все тот же: инспектор всё показывает про стили
;)

Обычно дело в порядке следования или весе селекторов. Или в кеше.

Как научиться пользоваться методологией БЭМ?

profesor08, в какой реальности у одного конечного заказчика сотня сайтов?
Да даже если и так, то при единой методологии и модульности окажется, что менять нужно в одинаковых классах, а не каждый раз выяснять его название. И, например, менять придётся всегда margin, а не в одном проекте margin одного блока, в другом другого, в третьем padding, в четвертом position или transform. И т.д.

Курсор оказался под футером?

Почему нельзя воспользоваться стандартным cursor: url?
Вот, например: https://jsfiddle.net/5y4udpme/
Тут я взяла png в base64, разумнее будет заинлайнить туда svg

В вашем случае нужен z-index

Переписать в валидный код можно?

Dimkin1447, cellspacing это расстояние между ячейками, меняется на border-collapse: collapse для схлопывания границ и нулевых отступов. Либо border-collapse: separate и border-spacing: сколько-нужно чтобы отступы были.
cellpadding это внутренние отступы в ячейках td {padding: сколько-то там}

Я рекомендую прочитать (и перечитывать его время от времени) хотя бы простой справочник https://webref.ru/css, а еще лучше спецификацию.