Как растянуть фон полностью?

Question

[falsedesire]

Как растянуть фон до конца?
Использую этот код:
.intro {
width: 100%;
height: 100vh;

background: url("../img/dream.jpg") center no-repeat;

background-size: cover;
}

Answer 1

[Ankhena]

Вероятно, вы забыли обнулить margin у body

Comments

[falsedesire]

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

[Ankhena]

falsedesire, интересно, что мешает сделать песочницу с полным кодом с проблемой.
Давайте еще погадаем. У dream есть верхний margin и он отталкивает родительский блок от body

[falsedesire]

Ankhena, извините, я понимаю, что у меня слишком глупые вопросы, я буквально сегодня начал этим заниматься, но я действительно гуглил и ничего не помогает. Делаю вроде все, что пишут люди.
Сейчас изображение вообще в одну колону встало

[Ankhena]

falsedesire, Это margin от h1.
Либо уберите его и задайте padding .intro
Или задайте .intro display:flex
Или погуглите статью про "схлопывание вертикальных margin", есть несколько вариантов решения. Я написала наиболее разумные.

[falsedesire]

Ankhena, спасибо.
Еще вопрос. Вот вставил код, он правильный, сохранил, но он не работает. Помогает написать свойства заново, либо класс переписать. Это нормально?

[Ankhena]

falsedesire, где написать заново? Куда вставил? ))))

Answer 2

[Анатолий Куликов]

Напишите такое вначале css-файла:

* {
    margin: 0;
    padding: 0;
}

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

Comments

[Ankhena]

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