Почему @media запрос не работает?

1. Оставьте только те стили, которые относятся к проблеме
2. Добавьте разметку
3. Сделайте из этого всего песочницу на codepen.io или аналоге. Сюда ссылку.
4. Опишите, что именно ломается и как оно должно выглядеть.

Самостоятельно всё это можно проинспектировать через dev tools, какие именно свойства применяются к элементу и почему.

Очень большой шанс, что разберетесь самостоятельно, пока делаете песочницу.

p.s.
media заметно удобнее писать внутри селектора. Тогда все стили одного элемента сразу видны.
А не так, как у вас сейчас.

Примерно так:

.block {
  color: red;
  
  @media (width < 1440px) {
    color: blue;
  }

  @media (width < 768px) {
    color: green;
  }
}

Как получить репозиторий с github?

Вроде вчера писали, что хорошо бы пользователь был латиницей.
Причем это должно быть не переименование, (просто потому что не поможет, все пути останутся прежними и станет только хуже от путаницы), а НОВЫЙ пользователь.
На самом деле можно и переименовывать, но придется лазать по реестру, всё там чистить и т.д., радости от этого очень мало.

Если что-то идет не так, ставьте ключи в папку по умолчанию, не меняйте на свою.

Как создать ssh ключ для GitHub?

Поддерживаю и рекомендую исправить это как можно скорее (меньше придётся распутывать потом).

Как блок уведомлений поднять выше dialog?

Вариант - отказаться от dialog - тоже рассматриваю.

Жалко

ИИ предложил мне делать appendChild и помещать toast внутрь dialog. А когда dialog закрывается - вытаскивать его от туда.

Я бы ошибки показывала внутри диалога, а сообщение об успехе потом, отдельным dialog или как вам нравится.
Альтернатива: toast тоже делать с помощью dialog.

Тут могут быть нюансы в зависимости от макета и что там вообще у вас происходит. Моё предположение просто общее.

а для меня моральная отсечка - это 2022 год

1. Есть такая штука: baseline
2. Лучше бы по целевой аудитории конкретного сайта.

Как блок уведомлений поднять выше dialog?

accountnujen, z-index не перебьет dialog

Стоит ли переносить логику работающего онлайн-калькулятора с JS на PHP ради защиты формул от копирования?

Adamos, в принципе, да, логично, я не нажимала на кнопочку. Просто пачка несоответствий смутила.

тем паче, что на Тостере спам все равно не работает.

А вдруг мы та самая целевая аудитория :))))))

Стоит ли переносить логику работающего онлайн-калькулятора с JS на PHP ради защиты формул от копирования?

Пользователь меняет значения в форме, график мгновенно перестраивается

Какое мгновенно, если у вас там кнопка Рассчитать.
Графика вообще не нашла. Таблицу вижу, но она не интерактивная.

Начинаю думать, что это спам, а не вопрос.

Как свг заменить на фон?

vlados096zver, достаточно многолетнего взаимодействия тут с огромным количеством ваших клонов

Как свг заменить на фон?

Виктор Майоров, по существу только то, что зря вы это делаете для этого персонажа

Как свг заменить на фон?

Виктор Майоров, это не говорит ничего хорошего о jsbin, но вы-то сюда, в ответ, притащили

Как свг заменить на фон?

-o-linear-gradient?
Вы из какого года?

Градиенту вообще не нужны вендорные префиксы.

Как сделать так, чтобы в браузерах код html не показывался в квадратиках?

max367, какая кодировка самого файла?
И вот тут почитайте UTF-8 vs UTF-8 без BOM — что когда использовать?

Если дело не в этом, то выкладывайте код в песочницу или на хостинг. Так, чтобы была видна проблема.

Ещё обратите внимание на нижнюю строку на скрине. С именем папки и файла аналогичная проблема.
Разбирайтесь с кириллицей и кодировками.
Возможно, дело вообще только в вашей системе.

Как сделать деплой проекта, статического сайта сделанного на чистом html у которого нет баз данных?

max367,

Так у меня хлебные крошки, на переименованный index.html ссылаются как на главную страницу около 1.5к ссылок на главную, только за место index.html название другое. Обязательно-ли переименовывать главную в index.html<<--потому что если я его переименую в index.html мне придется зайти на все 1.5 ссылок и указать при переходе назад именно index.html(а не главная)

Это тот случай, когда предыдущая ошибка увеличивает этот ком.

Ссылка на главную "/" либо домен. Причём домен подставляется автоматом при генерации страниц.

мне придется зайти на все 1.5 ссылок

Шепотом: есть автозамена по всем файлам проекта во всех нормальных IDE.

Refguser, ну не будет, так не будет.
Ещё есть редиректы.
Но повторю, что это увеличение кома проблем

Как сделать деплой проекта, статического сайта сделанного на чистом html у которого нет баз данных?

Фаил index.html был заменен главной страницей по правилам seo, где главная страница должна иметь такое же название как и домен

Это что за бред?

домен и хостинг еще не приобрёл

И во что вы тогда переименовали index.html?

В большинстве случаев без разницы как называется файл. В настройках хостинга нужно поменять на своё название. Как это сделать, читайте хелп, если не очевидно.
Если вдруг такой настройки нет, то верните index.html

А по уму просто верните название на index.html

Как менять тему письма при рассылке на почту в зависимости от темы устройства?

Возможно, пригодится в будущем.
CSS функция light-dark

color: light-dark(black, white);
background: light-dark(white, black);

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

Как в вебе (HTML/CSS/JS) повторить эффект переключения слайдов motion blur?

Вот сам эффект (видео)

Шепотом: так под этим видео есть ссылка на готовый слайдер

Почему не получается изменить размер изображений?

Александр Васильев, зачем? Если все слайды одинаковые и автор меняет размер контейнера?

Почему не получается изменить размер изображений?

qwerty145,

Почему не получается изменить размер изображений?

Изображений или слайда?

Нужно открыть девтулз и посмотреть что там мешает ширине (и width и max-width).
Если никак, то сделать песочницу на сервисе типа codepen.io

Если не поздно, то поменять slick на swiper

Всплывающее меню в картинке при наведении?

как можно реализовать следующий функционал

Ну вот прямо так и реализовать.
Обертка, в ней заголовок и блок со ссылками. Картинка по сути декор, её либо фоном либо img с aria-hidden.
Блок со ссылками скрываете.
При :hover показываете.
Не забудьте про пользователей клавиатуры. Почитайте про :focus-within

Скрывать и показывать можно разными способами: display, opacity, transform и т.д.

Не забудьте предусмотреть переполнение если блок со ссылками окажется больше основного. В идеале не так, как на сайте образце, где прокрутка появляется из-за нескольких px, а не целой строки. Посчитайте нормально.

Как в CSS указать цвет родителю только если дочек 5?

Александр Васильев,

А как в css посчитать количество элементов?
Никак.

counter этим занимается.
И даже if и else есть в css и даже уже местами с range синтаксисом.
Но проблема в том, что счетчик дает строку, а не число.
Возможно, это изменится в будущем. Ну или скорее заработает что-то типа calc(counter(checked-sum) + 0). Сейчас у меня не получился такой фокус.

Также есть sibling-index()
Но пока нет sibling-index(of ...)
И он дает число.
Сейчас можно только input[type="checkbox"]:checked, а это не поможет в сценарии автора.

Пишу это сейчас для тех, кто придёт в этот вопрос в будущем, потому что меняются сейчас такие вещи быстро.

А пока есть вот такая демка (не решающая конкретно эту задачу)
https://codepen.io/AnnaSummer/pen/gOEWQZW