Макет блога уменьшается [css]

Question

При разрешении от 600 до 1200 пикселей макет блога ужасно уменьшается. Почтовые пункты должны располагаться рядом друг с другом, а затем по очереди. Где проблема?

URL сайта: https://zpomyslami.pl/blog/

Answer 1

Когда ваша страница сжимается, div, содержащий блог, получает ширину всего 93px.

<div class="blog_holder massonary isotope" style="***width: 93px;*** position: relative; overflow: hidden; height: 8058px; opacity: 1;">

После того, как вы это исправите, вам также нужно будет указать элементам статьи ширину 100% от их первоначального размера:

.blog_holder.massonary article {
    width: 31.5%; > width:100%;
}

когда страница достигает ширины, на которой вы хотите, чтобы она составляла 100%. вам нужно будет использовать медиа-запрос:

@media only screen and (max-width: #px) { }