В настоящее время на моей странице блога в Shopify статьи блога отображаются в UL как элементы списка, один за другим вниз по странице.
Я хотел бы, чтобы они отображались в строках по 4. В настоящее время у меня есть код:
<ul id="blog-articles" class="desktop-4 tablet-4 mobile-2">
{% for article in blog.articles %}
<li class="single-article">
<div class="article-body desktop-12">
<h2><a href="{{ article.url }}">{{ article.title }}</a></h2>
<a href="{{ article.url }}">
<div class="article-content">
{% if article.image %}<img class="article-image" src="{{ article.image | img_url: 'grande' }}" alt="{{ article.title }}">{% endif %}
<div class="clear"></div>
</div>
</a>
</div>
</li>
{% endfor %}
</ul>
Итак, статьи явно зациклены, но я не знаю, как отображать их слева направо, по 4 в каждой строке...
Мой сайт находится здесь: https://www.okuhstudios.com/blogs/news и мой новый код появляется внизу страницы под всеми <hr>
строками...