VeniVidiVici

Мне кажется или вы сами себя запутали? Зачем привязывать скрытие элемента к конкретному цвету фона? Выставляем нужные стили на отдельный класс контейнера, а hider просто задаём стили для скрытия. При этом избавились от лишнего каскадирования. В идеале конечно нужно выставлять visibility, но тогда в hider придётся добавить ещё один контейнер.

По ситуации. Мой топ по частоте использования: 1) px 2) em/% 3) vw Да и их комбинацию с медиа запросами никто не отменял, тут уже от заказчика зависит, кому хватит px + media, а кому подавай плавное уменьшение текста. Здесь нужно оценивать твою работу и смотреть требования к ней.

Один из вариантов.

<header class="header"> <div class="container"></div> </header> Для header выставляете картинку. П.с. зачем вам div.container? Не увеличивайте вес селектора без острой необходимости.

Если из тяжёлых задач ничего особо нет, то встроенного видео вполне хватит, моё железо: i5-4690 + 8гб оперативы, в идеале к этому ещё нужно пару ssd(+hdd для файлопомойки). Для задач - вёрстка, фотошоп(для нарезки макетов) выходит даже с запасом по производительности. По поводу новых i7 - я бы не стал брать, у 7 поколения что-то совсем беда с температурами +терможвачка даёт о себе знать, хотя здесь вроде пк для вёрстки обсуждается, а не для игр и монтажа.

Здесь дело не в модальном, а в содержимом, надписям и формам заданы фиксированные значения, из вариантов - через медиа пошаманить над содержимым, к примеру добавить li элементам вот такое: #contactForm_oneclick ul li { display: flex; flex-direction: column; max-width: 270px; }

Ну если примерно так сделать:

img и input не могут иметь псевдоэлементы. upd: с img походу есть хак, а список с отсутствием after и before намного больше: after и before не работают с "заменёнными элементами" - textarea, input, canvas, audio, video, object и др.

вот тема И тут уже 2 варианта: либо использовать vh для вертикальных отступов, либо отказаться от флексов в данной ситуации.

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

Да, действительно, я не учёл инициализацию при загрузке, добавьте к событию resize событие load, и всё будет работать, в той песочнице не видно как работает при загрузке, поэтому исправил и перезалил тут Минус только в том что иногда часть соседнего слайдера торчит, может пошаманить с размерами, либо искать уже плагин предназначенный именно для мобильных. Про инициализацию я просто подметил, что слик слайдер не восстанавливается самостоятельно если к нему применено свойство "unslick", Для этого пришлось добавлять функцию.

А вам обязательно использовать именно этот слайдер? Вот моё решение со слик слайдером, документацию нагуглите. Думал что будет просто, а оказалось не совсем). Отключаться он может а вот для обратного включения нужно использовать вспомогательную функцию. Помню видел специальный плагин, который как раз для мобильных включает слайдер, но к сожалению не помню названия.

вот В ксс добавил 1 класс+ немного кода. Название классов ведь просто для примера? Хотя я бы даже для примера такие не использовал. Ещё проблема в том что подменю ищется даже если его там нет, я бы сделал отдельный класс для пунктов, содержащих подменю, и уже на них бы навешал обработчик, а в вашем коде пришлось ставить доп условие внутри обработчика.

На чистом ксс, мм, я бы хотел услышать хотя бы в теории как это делается, ну даже если можно, то на js это всё равно проще будет.

Допустим так