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

@media screen and (max-width: 1920px)

Будет работать на вьюпортах меньше или равных 1920

Вам хорошо бы определиться в какую сторону вы двигаетесь от мобилок к десктопам или наоборот (mobile first или desktop first). Хотя бы для конкретного проблемного селектора. В идеале, конечно, для всех в одну, но бывают и исключения.

Bacground с foother налезает на другой контент сайта на нескольких страницах, как можно исправить?

Разбирайтесь с флоатами. Почитайте как они работают, про clearfix к ним, подумайте, нужны ли они там действительно. Если текст должен именно обтекать блок с картинками, это одно дело, если это два столбца, то совсем другое.

А заодно с абсолютами и их нужностью.

Если не понятно, что происходит, обводите элементы рамочками. Начните с футера.

Как сделать колонки в ряд?

1. Использовать table, если это табличные данные.
2. Вытащить из строк, выстроить гридами.
3. Использовать display table
4. Ждать сабгрид.

p.s.
1. В любом случае перестать повышать вложенность. селекторов без повода.
2. Вряд ли вам действительно было нужно свойство widows. Наверное, это все таки width

Как сделать чтобы сanvas не вылазил за предел бэкраунда?

frontAng, зато есть инструменты разработчика и вот такая штука

data-settings="{"shape_divider_bottom":"curve","shape_divider_bottom_negative":"yes"}"

Как сделать слайдер со сменяющимся текстом внутри?

oksana_melikhova, точно так же, как и без него.

Как убрать белую линию при экспорте в пнг формате Фигма?

Исправить размер на целые пиксели. Или обрезать оборачивающим фреймом.

Как сделать слайдер со сменяющимся текстом внутри?

oksana_melikhova, а ещё лучше не использовать для этого абсолют. Флексы, гриды в помощь.

Верстка сложных кнопок адаптив?

https://css-tricks.com/using-box-shadows-and-clip-...

Как поправить кнопку на IOS?

У меня другой вопрос: зачем обводку крестика вы прибили псевдоэлементом и абсолютом?
Почему просто не задать border и border-radius для спана, который вокруг svg? Зачем куча лишнего кода и абсолют??

Как обойти overflow hidden элемент у которого позиция absolute?

Даниил Конев, прекрасно :)

Как обойти overflow hidden элемент у которого позиция absolute?

Как решить вопрос ?

В общем-то банально: задать размер и паддинги родителю так, чтобы тень помещалась внутрь

Как поменять местами элементы таким образом? Такое возможно без js?

Anonymous, js тут даром не нужен. Только прибавит к css ещё немножко кода.

Please2334, флексы, гриды, order, display: contents. Ну или даже абсолюты...

Когда мы делаем адаптив сайту, нужно делать адаптив для планшетов начиная от указанной ширины в МАКЕТЕ или приблизительной ширины планшетов?

Такие вещи прописываются в ТЗ.

Если ТЗ нет, то по умолчанию, на ширине макета сайт должен выглядеть как в макете или очень близко к нему.
На всех остальных ширинах от 320 до ∞ сайт должен выглядеть хорошо. Где-то пропорционально, где-то с перестроениями, где-то с ограничением макс ширины. Это зависит не только от верстальщика, но и от самого макета, а также наполнения сайта. Тут нет единого универсального решения.

В какой программе рисуют схемы "под карандаш"?

Вообще практически в любой, умеющей рисовать.
Например, плагин для Фигмы https://www.figma.com/community/plugin/90832733540... и т.д.

Почему псевдокласс invalid изменяет состояние input по дефолту?

На будущее :user-invalid

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

Михаил Ливач,

без абсолюта у тебя положение текста будет зависеть от того, есть иконка или нет. А если она не загрузилась?

Если она не загрузилась, то осталось свободное место. Хоть абсолютом, хоть гридом. (И вообще пропал весь спрайт и сайту стало грустно)
Варианта со сдвигом три: вставлять иконку как img (промолчу), вставлять её как content в псевдоэлемент (а это совсем уж неудобно, потому что плохо регулируются размеры).

Как сделать так, чтобы в гугл-календаре были видны дни рождения из гугл-контактов?

Другие календари - Интересные календари - первый в списке Дни рождения/Контакты

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

imko,

так что предельно странная штука

Мое дело рассказать почему так делают. Устраивать холивар не хочу.

Аргумент про подсчет паддингов практически отвалился с появлением кастомных свойств.

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

imko,
1. Ссылки/кнопки бывают многострочными. При инлайновом псевдо выглядеть это будет странно.
2. Флексы или гриды - хорошо, но имеют НО при наличии внутри текста какого-то тега (span, br). Чтобы гарантированно избежать этого, нужно оборачивать текст в span. <button><span>текст кнопки</span></button>

Итого получаем на чашах весов: абсолют против лишнего тега.

Как в Firefox при обновлении страницы сделать, чтобы она не открывалась в самом верху, а оставалась в том же положении, что и до обновления страницы?

szQocks, но я всё равно не знаю, почему это иногда не срабатывает :)