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

Alex Clean, учитывая, что вы не прикладывали песочницу с кодом и ничего не говорили про абсолют в вопросе, то вообще без разницы что было и что стало. Это как сам с собой поговорил.

Если что, абсолют сам по себе не устаревал.

Вопрос проще удалить, в таком виде он никому больше не поможет.

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

Ведь хотелось бы, чтобы от центра оно всегда тянулось только вниз.

Нет. Хотя бы потому что при этом смещается центр ;)

И ваш вопрос больше к дизайнеру, а не про техническую верстку.
Я бы скроллила сам список вопросов. Чтобы заголовок был виден.
Либо прибила бы картинку к верху.

Как сохранить файл в каталоге по умолчанию?

Нажимаете Save, сохраняете папку туда, куда сохраняет сам Sublime.
Что именно тут не получается?
Правда, он сохраняет в то место куда сохраняли в прошлый раз ;)
Поэтому хочется знать контекст в котором это выражение написано. Они хотят чтобы файл сохранили в каталог в саблаймом или просто "типа не заморачивайтесь".

И какое отношение всё это имеет к программированию...

Как вывести в селектор картинку (флаг)?

starkingdom, в отличие от фриланса, тут всё наоборот, вы показываете демки на codepen, что вы делали и что не получилось.

Как можно добавить платежную систему на сайт без CMS?

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

Открыть документацию платежной системы и почитать, что там говорят?

Ну вот первая попавшаяся Юмани https://yookassa.ru/connection/

Как сверстать такую форму проверки кода?

Sergey Shurkhovetskii, https://codepen.io/search/pens?q=input+credit+card и т.д.

Как верстать макет с низким разрешением?

В будущем, на фрилансе, придется ли сталкиваться с такими макетами или заказы обычно с макетами на 1920px?

Откройте фриланс и посмотрите какие макеты, чтобы не слушать мифы и легенды.

В браузере все выглядит намного мельче и получаются не совсем красиво.

В браузере на 1440 должно выглядеть ровно как в макете.
Если это не так, значит вы делаете что-то не то.

Нужно ли это исправлять и если да то как?

Живой сайт в любом случае должен нормально смотреться на 320 и на 8к и на всех размерах между ними.
Как именно он при этом себя должен вести зависит от макета и ТЗ.
Что-то масштабировать пропорционально.
Где-то растягивать фон, а контент центрировать.
Где-то перестраивать и убирать/добавлять блоки.
И т.д.
Универсального рецепта нет.

Что делать:
нарабатывать насмотренность: смотреть как сделано на других сайтах, в других макетах и пытаться понять где хорошо, а где плохо.

Как сделать круглый прогресс бар?

Такие штуки отлично ищутся по codepen
https://codepen.io/search/pens?q=circle+progress

Как отпозиционировать элементы как на фото?

komtazi, осталось для group__three задать чтобы он занимал две клеточки.
grid-column: span 2
Ну и с размерами разобраться.

Как сверстать такую форму проверки кода?

Sergey Shurkhovetskii, загуглите инпуты для банковских карт и переделайте под себя.

Как вывести в селектор картинку (флаг)?

starkingdom,
Получить содержимое (число) https://learn.javascript.ru/basic-dom-node-propert...
Задать атрибут https://learn.javascript.ru/dom-attributes-and-pro...

Как вывести в селектор картинку (флаг)?

Задайте соответствие числа и картинки (объектом, data-атрибутом, просто имя картинки равно номеру, ещё как-нибудь)
Выбирайте, подставляйте.

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

Потому что это пробел после инлайновых элементов.
Задайте картинкам либо block либо inline-block в сочетании с vartical-align (например, top)

Как не сдвигать весь текст в CSS?

float: left;

Что вы несете? Посмотрите на календарь.

В современном мире флоаты используются только для того, для чего их придумали.
А для сеток и микросеток используют флексы и гриды.

Как научиться добавлять искуственные детали на сайт?

Noder SS, вам, наверное, на курсы дизайнеров, ui, ux и тд.

Потому что вопрос в таком виде к верстке имеет очень мало отношения.
Как добавлять - зависит от того, что, как и где нарисовано.

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

serhgons, вычисляйте transform scale
Помещайте абсолютом в подготовленный div с overflow

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

2. И еще чтобы header и foter на всю ширину были соответственно.

С этим, скорее всего, просто.
Как только таблица уместится в ширину экрана, то с ними всё будет хорошо.

Мне нужно чтобы при открытии страницы со смартфона она открывалась на всю ширину сразу как на картинке

Ну что тут можно сделать.
- Проверять, что нет запрета на переносы. Например в "подробнее о рейсе" и других аналогичных подозрительных местах.
- Также включать перенос внутри слов.
- Уменьшать шрифт (но помнить о том, что у пользователей могут быть настройки запрещающие уменьшать шрифт меньше какого-нибудь ими выбранного значения)
- Перестраивать саму таблицу
- Скроллить таблицу внутри блока имеющего ширину окна (ну или еще минус отступы)

Как сделать такой слайдер на slick-slider?

Не уверена, что slick справится, я бы пробовала со swiper так:
Оборачивать два слайда в обертку.
Потом display contents.

Есть стандартизированные способы верстки с адаптивным текстом?

Niksak, ну да, если у вас требуют поддержку ИЕ, то вам не повезло. Или кто там вас волнует из неподдерживающих браузеров?

Как указать субменю ширину?

Александр Васильев, шикарный план - обрежем кусок меню overflow и дело с концом. Или вообще покажем псевдо вместо большей его части! Жжете однако.