Испытание: Программа тура

#1

При выполнении задания столкнулся с проблемой и не знаю как ее решить. Почему сетка не в два столбца?

Безымянный
Безымянный1920×1080 186 KB

`body {
margin: 0;
}

.page-header {
display: grid;
grid-template-columns: 1fr 160px;
padding-left: 20px;
padding-right: 20px;
padding-top: 30px;
padding-bottom: 70px;
}

.page-main {
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 20px;
column-gap: 30px;
padding-top: 25px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 40px;
}`

#2

Доехало)
вместо
.page-main {
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 20px;
column-gap: 30px;
padding-top: 25px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 40px;
}`

просто написал
.days-list {
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 30px;
column-gap: 20px;
padding-top: 25px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 40px;
margin: 0;
}
но правильно ли это?

#3

Присоединяюсь к вопросам по испытанию. Вот мой код. Он валиден, но футер не виден. Футер как-будто какой-то теневой и виден лишь валидатору, но не визуально

Сводка 
body {

margin: 0;
}
.page-header {
display: grid;
grid-template-columns: 1fr 160px;
padding: 30px 20px 70px 20px;
}

.days-list {
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 30px;
column-gap: 20px;
padding: 25px 20px 40px 20px;
margin: 0;
}
.page-footer {
padding: 10px 20px 20px 20px;
margin: 0;
}

image
image1366×768 166 KB

#4

body {
margin: 0px;
padding: 0px;
}

.page-header {
display: grid;
grid-template-columns: 1fr 160px;
padding: 30px 20px 70px 20px;
}

.days-list {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 20px;
row-gap: 30px;
padding: 25px 20px 40px 20px;
margin: 0px;
}

.page-footer {
padding: 10px 20px 20px 20px;
}

Подскажите пожалуйста, вначале прописал для body, margin и padding значение 0, после верстал верстал и из-за того, что в .page-header не поставил margin все смещалось, подметил жирным…