Как исправить блоки, которые заходят на header?

Question

[Данила]

Блоки заходят на header, в верстке не шарю, как исправить чтобы они были под header'ом? Спасибо!
Код: https://jsfiddle.net/3yphzb91/

Comments

[Сергей Романенко]

верстка просто треш. почему эти блоки имеют позицию абсолютную?

[xdevelx]

Как исправить блоки

Переверстать все с нуля по-человечески.

Answer 1

[Steppp]

Да, переверствывай! Удаляй все position! так верстали наверно в 2010-2015 годах

.center {
  /* position: absolute;  удалить
  top: 50%; удалить
  left: 50%; удалить
  transform: translate(-50%, -50%); удалить */
  margin: 0 auto;
  text-align: center;
  width: 400px;
}

Comments

[Vladislav]

Steppp почему же? Position и даже таблицы иногда выручают, а то что осталось в прошлом так это float