colblogposts

<div class="flex-grid">
	{% for c in (0..2) %}
		<div class="column">
		  	{% for r in (0..(page.categories.blog.length / 3 - 1) ) %}
		  		<div class="post-box">
		  			{{assign post = page.categories.blog[(3*c + r)]}}
			  		<img src="{{ post.image }}""
			  		<p> {{ post.content }} </p>
			  	</div>
		  	{% endfor %}
	  	</div>
	{% endfor %}
</div>


<div class="flex-grid">
	<div class="column">
		<div class="post-box">
			<img src="url">
			<p>Some content</p>
		</div>
		<div class="post-box">
			<img src="url">
			<p>Some content</p>
		</div>
		<div class="post-box">
			<img src="url">
			<p>Some content</p>
		</div>
		<div class="post-box">
			<img src="url">
			<p>Some content</p>
		</div>
	</div>
	<div class="column">
		<div class="post-box">
			<img src="url">
			<p>Some content</p>
		</div>
		<div class="post-box">
			<img src="url">
			<p>Some content</p>
		</div>
		<div class="post-box">
			<img src="url">
			<p>Some content</p>
		</div>
		<div class="post-box">
			<img src="url">
			<p>Some content</p>
		</div>
	</div>
	<div class="column">
		<div class="post-box">
			<img src="url">
			<p>Some content</p>
		</div>
		<div class="post-box">
			<img src="url">
			<p>Some content</p>
		</div>
		<div class="post-box">
			<img src="url">
			<p>Some content</p>
		</div>
		<div class="post-box">
			<img src="url">
			<p>Some content</p>
		</div>
	</div>
</div>