Как центрировать HTML-теги статей модуля divi на мобильных устройствах с помощью пользовательских CSS внутри модуля

Question

Я использую пользовательский модуль div, который я нашел в сети, и, к сожалению, он не поддерживает мобильную связь динамически, как я надеялся. На рабочем столе это выглядит так, как должно:

Однако на мобильных устройствах элементы не складываются, и пользователь должен прокрутить вправо, чтобы увидеть их.

Использование Divi на WordPress Я попытался добавить следующее в пользовательский раздел CSS в настройках модуля.

@media only screen and (max-width:800px) 
{   
    .et_pb_post{
        display: block; 
                float: none; 
                width: 100%;
    }
}

Это HTML-код с несколькими вырезанными тегами <a> и <image>.

<div class="et_pb_ajax_pagination_container">
    <article id="post-13643" class="et_pb_post clearfix post-13643 post type-post status-publish format-standard has-post-thumbnail hentry category-barrier-free category-shower"></article>
    <article id="post-13634" class="et_pb_post clearfix post-13634 post type-post status-publish format-standard has-post-thumbnail hentry category-barrier-free category-shower"></article>
    <article id="post-13629" class="et_pb_post clearfix post-13629 post type-post status-publish format-standard has-post-thumbnail hentry category-barrier-free category-shower"></article>
</div>

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

Answer 1

Нашли решение:

Мне пришлось изменить flex-direction: row; в столбец в моем медиа-запросе.