corrector25

У параграфа тоже надо обнулить margin

У вас высота блока 100vh
И align-content: stretch (не потому что вы его написали, а потому что по умолчанию)

Если вы его замените на align-content: flex-start всё будет хорошо.

Почему же, стили к div применились. Только у тебя блочные элементы p и они идут друг за другом, если ты что-то другого ожидал

body {
  margin: 0;
}

Это селектор, который выбирает КАЖДЫЙ ДОЧЕРНИЙ ЭЛЕМЕНТ. Каждый. Прямо совсем каждый. Дочерний.

Т.е. можно писать p *{ и тогда все, что ты вложишь в тег P будет описываться этим свойством с учетом специфичности.

Чтобы залить страницу фоном, вешай стили на body, а еще лучше на div, который будет описывать все тело страницы.

ЗЫ: указывать body в codepen не имеет смысла, так как во вьюхе ты получаешь документ, который уже содержит базовую разметку.

Потому что синтаксис комментариев в HTML выглядят иначе. Вот так:
<!-- Комментарий -->