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

Берете и обводите все элементы и псевдоэлементы рамочками (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, не меняйте.
Нагуглите любой простецкий горизонтальный слайдер (просто потому что их больше), посмотрите как сделано и измените направление.

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

solntsevam, вот такую штуку нашла https://github.com/jack-theripper/yandex
Не пробовала.

По-моему, проще хостинг докупить.

Как расположить карточки в ряд?

Константин,

еще вопрос. как прибить логотип и фотку телеграмма к правому и левому краю, чтобы их положение не зависело от размера экрана

Например, флексами и justify-content: space-between

Саму иконку делать псевдоэлементом.

Внутри ссылки на номер телефона не должно быть h5. Ведь вряд ли это заголовок.

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

Может есть примеры пожожие.

https://swiperjs.com/demos#vertical

А вообще, также как горизонтальный, только направление сдвигов и анимации не по горизонтали, а по вертикали.

SVG filter сильно нагружает процессор и тормозит жутко сайт, в чем может быть проблема?

Заменить на png

Как расположить карточки в ряд?

Константин,

фотки можете любые подставить

Да нет, это вы можете подставить любые фотки, чтобы показывать свои наработки. А не я или кто-то другой за вас.
Но тут фотки не принципиальны.

Разумно: карточки обернуть в список и этот список сделать гридом или флексом.

Как расположить карточки в ряд?

На ваш выбор гридами или флексами.

Что именно не получилось? Выложите код с тем, что вы делали на codepen.io