Размер тела / Какой код требуется?

[ogulcan1787]

Всем привет.
Я добавил скругление углов к этому коду и сделал нижнюю часть так, как хотел.
Но не могу исправить верхнюю часть.

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

Например: top-height-size: -30%;? Но это не работает.

body:before {
  display: inline-block;
  border-radius: 15px;
  width: 1125px;
  min-height: 100%;
  height: inherit;
  background-color: #fff;
  content: " ";
  position: fixed;
  left: 50%;
  right: 0;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}

[bryce (Bryce Huhtala)]

Извините, но не совсем понятно, что именно вам нужно сделать. Не могли бы вы добавить больше деталей о следующем:

1. Какую именно часть страницы вы пытаетесь изменить.
2. Какое изменение вы пытаетесь внести.

[ogulcan1787]

Верхнюю часть я хочу сделать так:
https://pvpfarm.com
Хочу добавить скругление углов, как в нижней части.
Мне нужно только немного места сверху между ней и заголовком.

Извините за плохой английский. Спасибо за помощь.

[bryce (Bryce Huhtala)]

Ничего страшного, ваш английский хороший, но обсуждать код бывает непросто! Спасибо за добавление подробностей. Проблема понятна.

Иногда можно использовать margin-top, чтобы добавить больше пространства сверху.

Но это не работает при прокрутке!

Это происходит потому, что в части body:before используется position: fixed, поэтому элемент всегда остаётся на одном и том же месте на экране. Давайте изменим это на position: absolute. «Absolute» позволяет нам указать, на каком расстоянии от краёв должны находиться границы. Нам нужно указать, что отсчёт должен идти от body, поэтому добавим следующий код:

body {
  position: relative;
}

(Если вы хотите узнать больше о position, fixed и absolute, вот статья с примерами)

Теперь давайте удалим min-height: 100% из body:before, так как мы хотим, чтобы он был короче 100%. Теперь мы можем контролировать положение верхнего и нижнего краёв! Добавим top: 70px и bottom: 30px. (Значение top должно быть достаточно большим, чтобы пройти за заголовок сверху экрана).

Это то, что вы хотели? Дайте знать, если всё понятно.

[ogulcan1787]

Вы потрясающий!
Спасибо, что научили меня, а не дали готовые коды.
@bryce