Почему так сжался div?

Question

[squirtazzer]

z-mesta.com/reka-nilo ТУРИСТИЧЕСКИЕ ПАКЕТЫ БАЗЫ «НИЛО»
Три div блока,на компе выглядит нормально. Но с телефона... https://hkar.ru/Qrla как сделать чтобы каждый блок был на всю ширину страницы телефона?
и еще..как сделать чтобы первый блок был вровень со остальными(как видите hr у него чуть выше чем у других)?как добавить 4 невидимую строчку,или как еще можно сделать первый блок вровень с остальными?
И что еще можно сделать с этими блоками как их красиво украсить с помощью ксс?

Answer 1

[one_day]

@media (max-width: 991px) {
#layer1, #layer2, #layer3 {
    width: 100%;
    margin: 30px auto;
}
}

Comments

[one_day]

ой ой ой, там совсем наплели лишнего, пользуйтесь классами бутстрапа, не будет таких проблем

class="col-md-4"

[squirtazzer]

Спасибо большое