Blog Archive Layout Issue – Spanning 100% can’t get it 50%

Hi GeneratePress Support,

Hope you guys are all doing good!

Wondering if you could help me with a Blog Archive Layout issue that I’m having I have a quick screen recording of the issue here which should shed some light on it: https://youtu.be/DvfCCwGeL98

Basically my blog archive page each post is 100% width, I copied the Realtor theme blog archive post (I thought pretty exactly) I hoping to get 50% width for each archive post like the Realtor theme has with 2 blog posts each row.

I believe I copied the Realtor theme’s Blog Archive Template exactly. Its Element Type is: Content Template, but as mentioned the only difference I can see in the editor between my version and the Realtor the blog archive posts content template appears to be in wrapping DIV with the class ‘generate-columns-container’ not sure how they are getting in there as there isn’t a column container in the ‘Blog Archive Template’ element

<div class="generate-columns-container">

Then each post on the Realtor Blog Archive page has some additional classes which I do have on the Blog archive page I copied the template to, these CSS classes are:

tablet-grid-50 mobile-grid-100 grid-parent grid-50

These classes I think giving the different layout.

Any ideas on how this blog archive on the Realtor premade example website using this the column container on the blog archive page?

Many Thanks
Hefin