не работают медиа запросы! помогите найти ошибку! Не работает позиционирование при ширине экрана от 568 до 800 px.

Общее
1

.view-one {
top: 320px;
left: 180px;
}

@media screen and (min-width:568px) and (max-width:800px){
.view-one {
top: 320px;
left: 0px;
}
}

.view-two {
top: 320px;
left: 520px;
}

@media screen and (min-width:568px) and (max-width:800px){
.view-two {
left: 360px;
}
}

.view-three {
top: 550px;
left: 180px;
}

@media screen and (min-width:568px) and (max-width:800px){
.view-three {
top: 320px;
left: 0px;
}
}

.view-four {
top: 550px;
left: 520px;
}

@media screen and (min-width:568px) and (max-width:800px){
.view-four {
left: 360px;
}
}

.view-five {
top: 780px;
left: 180px;
}

@media screen and (min-width:568px) and (max-width:800px){
.view-five {
top: 320px;
left: 0px;
}
}

.view-six {
top: 780px;
left: 520px;
}

@media screen and (min-width:568px) and (max-width:800px){
.view-tenth .view-six {
left: 360px;
}
}

2

Слишком большие числа в координатах. Даже если бы работало, выглядит плохо.
Прикрепите ссылку на весь код, пожалуйста (любая песочница или github pages).