I’m using this code to print out blogs on my site

<div class="blogView">
     <ol>
            <% if (locals.listaBlogova) { %>
                <% listaBlogova.forEach(function (blog) { %>
                    <li class="blog-item"><h1><%= blog.naslov %></h1><br>
                    <h3>Autor: <%= blog.autor %></h3><br>
                    <p><%= blog.tekst %></p></li>
                    <form action="/edit/<%= blog.id %>" method="get"> <input type="submit" value="EDIT" id=<% blog.id %>></form>
                    <form action="/delete/<%= blog.id %>" method="get"> <input type="submit" value="DELETE" id=<% blog.id %>></form>
                <%  }); %> 
            <% }; %> 
        </ol>
    </div>

I want to have 3 blogs in a row, but I can’t get them to go in rows they always go in the first column underneath one another, i think the problem is the way I print them idk, could use some help.

I have tried using both grid and flex, nothing seems to work, so maybe its the problem in the way im priting them out.