Скрыть div при не пустом input?

https://codepen.io/AnnaSummer/pen/xxYygyK
Адаптируйте появление и поведение под себя.

Как сделать перенос блока на новую строку если он не влезает?

Дело в том, что по умолчанию блоки сами по себе начинаются с новой строки.

Если речь про флексы, то у них есть свойство flex-wrap со значением wrap.

Если всё не так, то прикладывайте к вопросу код в песочнице codepen.io (правильнее делать это прямо при создании вопроса, чтобы мы не играли в угадайку)

Не загружается background. почему?

Антон Горецкий, кавычки необязательны если нет пробелов

Не загружается background. почему?

Путь указан верно! Точно!

Все лгут.
Т.е. либо сам путь указан неверно либо картинки нет в той папке по какой-то причине (например, недогрузилась на хостинг)

Картинка загружается через тег img src="img/bg.jpg

Значит, у неё верный путь относительно страницы, но неверный относительно файла стилей.

Абсолютные и относительные ссылки

Вероятно, что-нибудь такое
background: url(../img/bg.jpg);
если стили лежат в папке css, которая находится на одном уровне с index.html

Header и footer сдвигаются в право, что делать?

Когда вот эта штука https://validator.w3.org/nu/ перестанет показывать ошибки вашего кода, всё выстроится заметно ровнее.

Как правильно задать размер блоку?

Без макета сложно сказать, что конкретно делать в вашем случае.

Но есть гриды, есть max-width (и min-)

Задал ширину, сказали плохой тон

Да и это ерунда.
Если блок при любых обстоятельствах (на всем сайте или на определенном интервале вьюпортов) должен быть 500px, то было бы странно извращаться как-то по-другому.

А вот если его ширина от чего-то зависит, то так и нужно писать в стилях.

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

Берете и обводите все элементы и псевдоэлементы рамочками (outline и отрицательный outline-offset).
И тут же находите виновника.

Не работает кнопка вывода калькулятора. Выдает undefined. Что делать?

Pr1000000, и еще обратите внимание на let buttons = document.querySelectorAll('.btn');
А именно что вы делаете при нажатии на .btn и какие кнопки входят в эту коллекцию.

https://codepen.io/AnnaSummer/pen/XWqBMOK

p.s. результат работы скрипта лучше выводить в <output>. Это ведь не инпут.
Не вполне ясно зачем там форма.
Почитайте про addEventListener, чтобы не вешать onClick инлайном. Чтобы в вашем случае разметка была с разметкой, js с js, а не кашей.
И т.д.

В чём можно рисовать SVG иконки для приложения?

Для Inkscape есть плагин svgo

Не работает кнопка вывода калькулятора. Выдает undefined. Что делать?

Выньте Result из функции

Не работает кнопка вывода калькулятора. Выдает undefined. Что делать?

https://qna.habr.com/q/1206606

Почему не работает второй медиа запрос?

Хорошо бы знать, что есть для intro до и после media.

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

Не подгружаются атрибуты и теги в Visual studio code как включить?

За это отвечает плагин emmet
Оф. сайт https://emmet.io/
Проверяйте, что он включен и т.д.

Не работает flex, в чем проблема?

свойство просто не применяется, но если сделать это с помощью инлайн стилей в html то всё работает

Из этого вы сделали вывод, что проблема во флексе?

Либо файл стилей закешировался либо вообще неверно подключен. Проверить можно на каком-то простом свойстве, например, покрасив какой-то блок в красный.

Почему картинки не соответствуют заявленной ширине и высоте, которые указаны в теге img?

Максим Иванов, кажется, вам нужно определиться минимально 340 (от грида) или 440 (от картинки)

Хорош ли MacBook 15 pro (14 года) в 2022 для front разработки?

Я что-то не поняла, если он есть, то почему просто не открыть вот всё что там перечислено и не просмотреть как оно вам?

Возможно ли изменить цвет padding?

Если это отступ, то это отступ родительского элемента и у элемента есть фон - его и меняйте.

Если это border, то меняется свойством border-color.

Еще есть микроскопический шанс, что это тень :)

Проверка на пустоту в input после заполнения?

https://learn.javascript.ru/events-change-input#so...

Есть ли в webstorm такой функционал?

Опасненькая какая-то затея

Как сделать вертикальный слайдер на js?

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