Как адаптировать div в плане position?

Edgark, А вообще тут конкретно можно вообще без абсолютного позиционирования обойтись:
В секции два блока - текст и картинка.
На flex-ах такое легко верстается, отступы регулируются paddng

Как адаптировать div в плане position?

Сайты посмотри другие:
в некоторых целые блоки вообще убираются в мобильных версиях.
Ломаться у тебя после 980px, так и расположи все по центру, текст сверху, картинка снизу

Как адаптировать div в плане position?

Нужен код, желательно сразу сюда:
https://jsfiddle.net/

Как адаптировать сайт?

Совет 2 - наиважнейший:
Изучи, что такое flex. Посмотри в youtube как верстают на flex-ах. А потом переходи к изучению media-запросов.

Как адаптировать сайт?

Вот тут ты используешь flex.

.objj1, .objj2{
  margin-bottom: 73px;
  display: flex;
  justify-content: space-between;
}

Но почему у тебя сам документ и твои блоки не flex-овые?
Т.е. с флексами ты знаком, но где и как использовать ты не знаешь? (это не критика, а вопрос).

Как адаптировать сайт?

смотри:

body {
  padding: 0;
  margin: 0;
  color: black;
  font-size: 16px;
  font-family: FuturaBookC;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}

h1 {
  font-family: FuturaDemiC;
}

a {
  text-decoration: none;
}

p {
  margin: 0;
  font-size: 25px;
}

ul, li {
  display: block;
  padding: 0;
  margin: 0;
}

Совет № 1:
Если хочешь всему на странице поставить одинаковые стили используй универсальный селектор *

* {
  padding: 0;
  margin: 0;
  color: black;
  font-size: 16px;
  font-family: FuturaBookC;
}

Как адаптировать сайт?

Нуу? Что непонятно-то?
Вопросы задавай.
Вот для примера:

@media(max-width: 700px){
header a{
color: red;
}
}

при ширине экрана 700 px и меньше - ссылки окрасятся в красный цвет, так можно работать со всем: отступами, шириной, размерами шрифтов и т. д.

Подойдет ли игровой ноутбук для программирования?

Вопрос обычно ставят противоположный, подойдет ли мой рабочий ноутбук для игры.

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

keksochka65, буквы в span можно и без js завернуть, а анимацию можно сделать бесконечной, вот пример
https://yournet.kz/blog/js/beskonechnaya-animaciya...

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

Можно, но каждую букву, нужно заворачивать в блок и блок анимировать

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

fron321, В этом коде никак. - потому как это разные блоки.
Можно попробовать media-запрос при определенной ширине., допустим
- будет абсолютно позиционирован и растянут на какое-то кол-во процентов, что-бы он доезжал до слов

Как выровнять перевернутый текст во flex-контейнере?

Roman_Gy,

Как выровнять перевернутый текст во flex-контейнере?

Roman_Gy, так поменяй:

.box-3{
  transform: rotate(270deg);
  justify-content: start;
}

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

intriga93, Можно, подбирай отступы вручную, для каждого элемента меню

.main-header__list li:nth-child(2){
  margin-left или right:  20px+-
}

Но меню и лого два разных элемента.
Можно меню разделить на левое и правое, а посередине вставить блок logo

CSS анимация не работает в присутствии JavaScript?

Иван Ефимов, много чего интересного:
- Один и тот же шрифт может отображаться по разному в браузерах
- иметь разные отступы
- начертания
- не поддерживаемые в принципе css-свойства в некоторых браузерах
- не поддерживаемые свойства и методы js или их другое название

"до этого я еще не добрался откуда мне это можно знать?" - я тебя не в чем не упрекаю. Просто сокращаю диалог до минимума. Чтобы быстрее понять, что ты хочешь.
Ладно, удачи

CSS анимация не работает в присутствии JavaScript?

Иван Ефимов, Ты пытаешься почему? - это такие дебревые дебри, что туда лучше не лезть, если ты конечно, не собираешься разрабатывать свой новый браузер, допустим "Efimov browser" с абсолютного нуля.
Это особенности порядка чтения, отображения DOM, конкретным браузером. Повторюсь firefox сразу со сдвигом показывает не зависимо от того, есть ли javascript файл или нет. Хром при добавлении js-файла, тоже игнорирует св-во transition-duration: 3s; и отображает уже со сдвигом.

убери св-во overflow: hidden - чтобы в этом убедиться.

Если пробовать в других браузерах, то результат, будет тоже отличаться, как между firefox и chrome.

Если все же интересен вопрос как браузер загружает DOM (то лезь в каждую тех документацию браузера), в каком порядке и как и как влияет на это тег script

CSS анимация не работает в присутствии JavaScript?

Иван Ефимов, Не баг и не фича. Особенности работы браузеров. Допустим в firefox даже без js сразу показывает со сдвигом без анимации. chrome сдвигает. Но то что ты делаешь - изначально не правильно.
У тебя сдвиг не привязан абсолютно ни к чему, ни к какому событию. Допустим это поставить на сервер, а еще лучше на бесплатный медленный сервер - то ты так же ничего не увидишь, Потому как пока страница загрузиться, произойдет сдвиг

CSS анимация не работает в присутствии JavaScript?

Работает?

CSS анимация не работает в присутствии JavaScript?

Сейчас напишу решение, проблема не в JS

CSS анимация не работает в присутствии JavaScript?

Иван Ефимов, ща качнем посмотрим