Добавлю к написанному Refguser, что блоки скрытые через display none с большой вероятностью проигнорируются скринридерами.
Также есть пользователи клавиатуры. Т.е. блок должен показываться и при фокусе.
Но я бы начала с возврата работы дизайнеру. Странно, что клиент позволил скрывать самые главные кнопки на сайте - кнопки заказа.
vlados096zver, возьмите калькулятор, умножьте 446 на 3, прибавьте сколько там у вас gap'ов.
Выясните ширину родителя, учитывая паддинги.
Если свободное место остается, то будет работать.
Если оно отрицательно, то тоже будет - дочерние симметрично вывалятся из родителя в обе стороны.
При равной ширине ничего не будет.
Если сложно в браузере, поиграйте в коробочки в ящике. Разве что они не вывалятся, если их суммарная ширина больше ящика.
Ну не знаю чем ещё вам помочь.
vlados096zver, вы понимаете, что если ячейки в сумме занимают всю ширину блока, то без разницы какое им ставить выравнивание? Свободного места нет, сдвигать некуда.
Переформулирую предыдущее: потому что браузер умеет ico, а плагин нет.
p.s. Снимок экрана (37).ico
Хорошо бы ему называться favicon.ico
Ещё хорошо бы загуглить какие ещё форматы пригодятся или использовать что-то вроде https://realfavicongenerator.net/
Zara6502, почему у меня должен быть ответ, если я подписана на вопрос и сама хочу его узнать? И главный тут нюанс как раз в том, как автоматом выключить монитор.
Ну и хамить не стоит в любом случае.
Я пока решаю аналогичное сценариями умных розеток. В данном случае это мало удобно и не решает проблему, в случае если монитор это ноут.
VoidVolker, нет смысла убирать подчеркивание у параграфа. У него его и не было, а свойство ненаследуемое. Если убирать, то убирать надо у ссылок.
И опечатка: style, а не class
Какая цель таким образом смешивать нативный (из возможного будущего) css и препроцессор?
Я понимаю, избавиться от зависимости препроцессорных переменных. А тут профит не понятен.
tgarl, Ну вот хоть прям так и забейте в яндекс "Слайдер как на маркетплейсах".
Вот с описанием https://sitist.ru/slider-like-on-marketplaces.html
На мобилках подключаете swiper
Сложно представить как можно не найти подходящие.
У вас есть страница и тег main (либо без него) с её основным содержимым и соответственно, заголовком h1.
А дальше вложенные заголовки по секция, статьям.
Если в header только заголовок, то в нём нет особого смысла.
Только это:
Во-первых, не решение исходного вопроса.
Во-вторых, в описании задачи нет информации о сетке грида и, возможно, других обстоятельствах влияющих на неё (тех же media). В идеале с песочницей.
Также есть пользователи клавиатуры. Т.е. блок должен показываться и при фокусе.
Но я бы начала с возврата работы дизайнеру. Странно, что клиент позволил скрывать самые главные кнопки на сайте - кнопки заказа.
Сама задача в техническом плане легко гуглится.