How can I display blog posts side by side on my home page?

Hi all I want to have the option to display blog posts on my home page side by side.

i have the below code which I have tested and it does work however the blogs show listed in vertically down the page. I want to show them side by side if anyone can assist please?

{{ section.settings.title | escape }}

{%- assign blog = blogs[section.settings.blog] -%} {%- if blog.articles_count > 0 -%} {%- endif -%} {%- if section.settings.show_view_all -%} {{ 'blogs.article.view_all' }} {%- endif -%} {% schema %} { "name": "Blog posts", "class": "index-section", "settings": [ { "type": "text", "id": "title", "label": "Heading", "default": "Blog posts" }, { "id": "blog", "type": "blog", "label": "Blog" }, { "type": "range", "id": "post_limit", "label": "Posts", "min": 3, "max": 12, "step": 3, "default": 3 }, { "type": "checkbox", "id": "blog_show_author", "label": "Show author", "default": false }, { "type": "checkbox", "id": "blog_show_date", "label": "Show date", "default": true }, { "type": "checkbox", "id": "show_view_all", "label": "Show 'View all' button", "default": false } ], "presets": [ { "name": "Blog posts", "category": "Blog", "settings": { "blog": "News", "post_limit": 3 } } ] } {% endschema %}

Hi @Ljvapes , can you share your store url?

hi its https://ljvapes.co.uk/

These blog posta are not live as they dont look right , i only tried the code in my duplicte store to see what it looked like

Can you share a preview of the duplicate store?

https://ljvapes.co.uk/?_ab=0&_fd=0&_sc=1

https://ljvapes.co.uk/?_ab=0&_fd=0&_sc=1