Все ли правильно с подключением шрифтов?

Danya Wyse, это вы молодец :)

Все ли правильно с подключением шрифтов?

Danya Wyse, я не знаю, что у вас в ТЗ. Именно им определяются деды.
eot это, кажется 9-ый ИЕ. В нем даже флексы как-то работали.
А не, 8ой. Ну-ну.. привет там клиенту, которому нужен 8ИЕ.

Все ли правильно с подключением шрифтов?

Современным браузерам достаточно woff2, предыдущему поколению woff
Всё остальное уже очень давно можно отправлять в помойку.

С local осторожно. Если у пользователя по какой-то причине установлен кривой шрифт, то ему будет не очень.

Объясните работу слайдера?

alexmaj467,

И название, как и думалось вывести ::after прекрасно вышло (нормально только анимировать осталось его), добавил

Если плевать на доступность и поисковики, то ок.

Если нетрудно подскажите как теперь убрать cursor pointer с того места куда выводится этот текст.

Так и убирать, переопределить обратно на стрелку cursor: default

Он почему то только на 6 и 8 label показывает.

Потому что от того, что элемент стал прозрачным, он не становится некликабельным.
Добавьте ещё visibility hidden и обратно.

Как правильно раздвинуть кнопки?

uvv99, угу, старенькая стала, слепенькая, не заметила мета в простыне кода. Нет больше мне доверия.
;)

Да не, можете оставить как есть.

Как правильно раздвинуть кнопки?

Brasileiro, я уже сегодня писала целый трактат, начинающийся с валидатора, что нужно исправить перед тем, как заниматься адаптацией. Но это не помогло.

Делегирование событий addEventlistner?

Начните с того, что ссылки в ссылки нельзя вкладывать.

Есть ли какая то концепция именования блоков НЕ по смыслу в html?

godsplane, а другие крупные проекты используют БЭМ.

Почему не создается таблица?

1. вы вставили текст
https://developer.mozilla.org/ru/docs/Web/API/Elem...
2. разберитесь кто такие width, height и их length
3. пытаетесь получить значения инпутов при загрузке (они пустые)
4. td не попадают в tr

Верстка по макету figma, из телеграм каналов. Что за это будет?

Закрывайте от индексации ваши портфолио-сайты или заменяйте контент на lorem.

Как лучше реализовать скрытие/отображение блока css?

Norwood,

Может его лучше сделать через псевдо элемент?

Если у него только декоративная функция, то несомненно.

Тут был похожий вопрос Как реализовать развёртывание div на всю ширину с ...

В вашем вопросе не совсем понятно, это абсолют или блоки должны остаться в потоке. Сколько этих карточек и как они расположены, если их больше 4х.

Как масштабировать верстку под 320пикселей?

Lara B, а по делу: да, быстрый хак - менять вьюпорт. Но всё таки лучше переверстать нормально.
То, что дизайнер нарисовал макет для 375 вовсе не значит, что верстальщику не нужно думать о более мелких вьюпортах. Как и в другую строну, о 4 и 8к тоже не нужно забывать, не смотря на то, что дизайнеры под них не рисуют.

Как масштабировать верстку под 320пикселей?

Lara B,
просто * не хватит

* {
outline: 1px solid red;
}
*::before, *::after{
outline: 1px solid green;
}

Или можно и в один цвет.
И про outline-offset не забывайте. Сам outline может оказаться скрыт за overflow.

Есть ли какая то концепция именования блоков НЕ по смыслу в html?

Можете.
А ещё можете даже так class="features__wrapper grid-4 mb-2"

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

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

Можно ли где то об этом почитать

Читайте про атомарный CSS.
А также, для расширения кругозора, гуглите по запросу "методологии именования классов в css"

Как лучше реализовать скрытие/отображение блока css?

Интересует, можно ли при данной вёрстке это реализовать или же подключать js?

В вашей верстке что-то с семантикой.
Можно, конечно, считать фото, имя и должность списком характеристик человека. Но выглядит странновато, особенно при том, что дальше пошла дивянка да ещё и с пустыми div.

После ul висит какой-то ещё закрывающий div и не очень понятно от чего он.
И тогда, нет, в CSS нет селектора позволяющего применить стили к our-team__about-person при ховере на our-team__ul.

Объясните работу слайдера?

alexmaj467,

Но как добавить label-у before и after, мне нужно нажатую кнопку доделать не только фоном, а after нужен чтоб выводил название страницы не напротив каждого кругляшка, а в одном месте между лого и донатом.

Во-первых, куда спозиционируете, туда и выведет.
Во-вторых, если это название слайда (страницы), то с чего это оно будет псевдо от лейбла.
Можете сделать отдельный блок. Либо позиционировать h2 абсолютом или трансформом или релативом куда нужно.

И цвета каждой страницы как менять ? псевдо ребёнком у slides.

Я же написала:

Значит, выносите инпуты раньше .wrapper

И меняете цвет у wrapper.

Сможете оценить качество верстки?

Можете указать на ошибки в верстке?

Объясните работу слайдера?

alexmaj467, давайте я повторю еще раз: на проде слайды нужно делать на js.

Давайте отталкиваться нет от мною предложенного слайдера а от вашего минимального, на tab.

Грид и высота 100vh для wrapper.
В нем 3 блока: header, labels и slides.
labels с помощью order на первое место.
Первым двум по min-content, для slides 1fr.
Всё.

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

Значит, выносите инпуты раньше .wrapper

Объясните работу слайдера?

alexmaj467,

(раз их нельзя выносить за пределы контейнера слайдера)

Кто вам это сказал?

Суть в том чтоб header засунуть в слайдер

Если хедер это хедер страницы, то это отдельная сущность, не имеющая к слайдеру отношения.

header, input и остальное что там z-index вынести в перёд

Так вам нужно чтобы хедер был поверх слайдера или наверху страницы, а ниже слайдер?
Инпуты обычно скрывают и стилизуют лейблы.
Единственный нюанс касающийся инпутов по их размещению, это то, что при клике на лейбл страница может прокрутиться к инпуту.

В том слайдере там label который и есть страницами он 100vh, если его место положения будет ограничено ячейками грида, листать то будет уже именно они ?

Если вы делаете слайд на инпутах, то листают в любом случаем лейблы. Без разницы какого они будут размера.
Конкретно в слайдере из вашего примера, нарушена валидность, семантика и там черти что накручено.
Если бы на весь слайд можно было бы кликнуть, то ещё куда ни шло. Но там, во-первых, не так, а во-вторых, не так много тегов, которые можно вкладывать в label. И ни div, ни h1 к ним не относятся.

Как бы лучше объяснить.

Объясняю:

Всё, что вам в жизни нужно знать о слайдерах (табах) на css это как работают селекторы с + и ~.
Для этого понимания вот такого банального примера более чем достаточно:
https://jsfiddle.net/Ankhena/v54roLyj/

Ещё можно узнать про :target, тоже чисто в познавательных целях
https://designshack.net/tutorialexamples/csstarget... (там в примере у автора отвалились картинки, поставите свои - увидите)

Не понимаю последовательность выполнения цикла?

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

А предложение начать разбираться проигнорировали от слова совсем.

Это наводит на мысли, что вы ошиблись ресурсом.