Ankhena, Благодарю Вас ! нашла свою ошибку. Обертки бывают лишними, вот и у меня такая же ситуация была)) Убрала лишнюю обертку и все нормально стало! Спасибо большое!
Похоже, Вы правы. Переделала структуру табов, но и новые табы наползают на верхнюю часть... Вернула все как было.
Даже не знаю, что делать и почему так произошло...
Вадим, это наверное сетка, которая сразу с адаптивом идет, на флексбоксе, да?
Попробую понять ее начать пользоваться. Спасибо большое Вам) столько всего полезного рассказываете)
Вадим, спасибо большое! 12-ти колончатую сетку использую в макете в фигме. осталось только понять, как сделать сетку в html. Из bootstrap скачала, но поняла, что там слишком много кода, и я скорее в нем запутаюсь, чем он мне чем-то поможет. Попробую придумать свою) Буду изучать материалы, благодарю Вас за помощь, огромное-огромное спасибо!
Вадим, все-таки уточню у Вас еще один момент, пользуясь случаем)
встроенные сетки css grid - где о них прочитать?
я просто создаю новые классы и пишу им, например,
display: grid;
grid-template-columns: repeat(4, 1fr), особенно если более 3 колонок и их надо будет адаптировать.
способ плох именно тем, что каждый раз приходится придумывать новые классы.
В общем, в очередной раз прошу у Вас помощи разобраться в вопросе и порекомендовать материалы про сетки, чтобы не размножать уникальные классы)
Вадим, Спасибо Вам огромное за такой понятный и развернутый ответ!
По совету я воспользовалась Lighthouse, который мне показал Largest Contentful Paint 2,4 сек., что не очень здорово для такого скромного сайта. Самый крупный элемент на сайте - это background (url) в стилях. Значит, нужно его сжимать, да?
Изображения я беру из бесплатных ресурсов (freepic), т.к. своих фото нет, а чужое брать нехорошо, или нужно указывать источник.
Еще забыла сказать, что есть 2 файла медиазапросов (1 для главной страницы и 1 для каталога). мне показалось, что это лучше, чем писать их в общих стилях.
Структура у всех страниц примерно похожа, но большинство классов уникальны, мало тех, которые повторяются (потому что у всех блоков с текстом и картинками разное расположение на странице и отступы. Пока не придумала, как сократить количество классов..
По поводу препроцессоров: все вокруг их используют, а я еще нет, и создается впечатление, что это неправильно, и нужно тоже ими пользоваться. Как я поняла, так получается более красивый код без лишнего мусора вроде различных дубликатов.
Огромная благодарность Вам за массу полезных советов и ссылку. Буду разбираться.
Ваш труд бесценен, спасибо большое!
Вадим Вадим, огромное спасибо, даже и не слышала про линтеры, но теперь установлю на vs code, я так поняла, что это дополнительный плагин.
Комментарий отметила решением) я на форуме недавно, поэтому не знала, что так надо))
Спасибо, все-такие кое-где пропустила, а казалось - все проверила! Идиотская невнимательность)
Слепой верстальщик даже хуже, чем глухой композитор)))
Спасибо большое!
Спасибо большое за терпение к таким вопросам) очень стыдно их задавать, но отчаявшись и не найдя ответов, я все же это делаю))
буду убирать весь этот мусор ввиде незакрытых ссылок и лишних закрывающих div. Wrapper придется заменить на div, я так понимаю (обертка для всех страниц).
Спасибо большое Вам за ответ
