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

А у меня ваш код прекрасно работает:


Но это на ПК и в песочнице. А так — я подозреваю, что у вас нет вот этого в head:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

.

Помимо этого, что за код такой? Что за безумный margin-left: -366px;? Я понимаю, что это половина ширины, но зачем именно так выравнивать? Если это модальное, то почему relative? Обычно у модального делают обёртку на fixed/absolute, которая по ширине занимает 100% сайта, а уже внутри неё делают обертку контента, которая по середине выровнена. Кроме того, не задают так ширину, а делают max-width: 700px + width: 100%.

Вот так:

Как заблокировать отправку формы обратной на сутки?

Yura Khlyan, ну, кстати, если у него какой-нибудь простой лендинг с одной формой и без backend'a, то этот способ решит проблему в большинстве сценариев.

Как заблокировать отправку формы обратной на сутки?

Yura Khlyan, ясен пень, поэтому я веселюсь.

Как заблокировать отправку формы обратной на сутки?

После отправки формы сохраняете пользователю куки сроком жизни в 24 часа. Если эти куки присутствуют, то блокируете кнопку отправки :))

Как сделать адаптивный фон сайта?

LastGeneral, а что вы хотите? То заполнение по высоте вас не устраивает, то вот теперь вы вписали картинку — и снова не то. Играйтесь со значением в процентах тогда, пока вас не устроит результат, либо на телефонах делайте другую картинку с другим соотношением сторон, чтобы умещались все персонажи.

Как сделать адаптивный фон сайта?

LastGeneral, тогда contain, а не cover.

Создал html-шаблон письма. Почему при пересылке он ломается?

Мне не так давно помогло оное:
https://sendpulse.com/ru/blog/html-coding-for-email

Так что желаю удачи :))

Ну и плюс у вас ошибки в CSS есть.

Как подружиться с сетками и с чего начать?

raulvodov, я не про то, зачем нужна сетка, а про то, в чём проблема её сделать. Это вопрос постоянно тут возникает у людей — и я его не понимаю.

Как подружиться с сетками и с чего начать?

raulvodov, пользуйтесь спокойно flex'ом, Алекс Глебов специально вас пугает :))

Вопрос про сетку мне вообще не понятен в своей концепции.

Как сделать, чтобы родитель сужался, когда у дочернего scale(0)?

На CSS — никак. Трансформации не влияют на габариты блоков. Нужно менять width и height.

Правильно ли я понимаю конструкцию написание стилей?

galkan, дополните ответ, я тоже выберу решением.

Правильно ли я понимаю конструкцию написание стилей?

Только наоборот, не 1, 4, 7, 10, 13, 16, 19 и т. д.

Правильно ли я понимаю конструкцию написание стилей?

Что мешает проверить самому? Как и сказал Moskus, это будет выбирать те элементы, что описали вы, только наоборот из-за :not:

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

Дизайнер это должен решать, а не вы.

Как верстать блок вне контейнера?

Rufix, не за что, сейчас сделаю ответом.

Как верстать блок вне контейнера?

Rufix, фон на отдельный блок с 50vw.

CSS Как правильно верстается такое, когда элементы выходят за каркас?

Как добавить сложный border-radius внутри блока?

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

Как добавить сложный border-radius внутри блока?

Роман Кузнецов, ну вам в любом случае картинками это надо делать. Двумя штуками. Один квадрат — уголок. Вторая — полоса.

Я такое делал на абсолютно позиционированных блоках внутри родителя.

Но есть htmlbook.ru/css/border-image. Я им ни разу не пользовался. Там можно одной сделать.

Как выстроить правильно?

Две строчки. Одна с пунктами, вторая — с картинкой.

На сайте есть карточки. У карточек есть тень. Как сделать так, чтобы тень от одной карточки не падала на другую карточку?

alex-1917, да, точно, ощущение, что половина вопросов на Toster от него и от Fapchat (по-моему, такой ник).