@foreach in laravel that goes from 2 objects to 2 objects?

It is solved in the following way:

 @foreach($posts->chunk(2) as $post)
<div class="row">
    @foreach($post as $postf)
    <div class="col col-m-12 col-t-6 col-d-6">
        <div class="blog_item animated">
            <div class="image">
                <a href="blog-page.html"><img src="mcard/images/blog/blog1.jpg" alt="" /></a>
            </div>
            <div class="content-box">
                <div class="i_title">
                    <div class="icon"><strong>{{ $postf->published_at->format('d') }}</strong> {{ $postf->published_at->format('M') }}</div>
                    </div>
                    <div class="category_bts">
                        @foreach($postf->tags as $tag)
                            <a href="#" class="category">#{{ $tag->name }}</a>
                        @endforeach
                    </div>
                    <a href="blog-page.html" class="name">{{ $postf->title }}</a>
                    <p>
                        {{ $postf->excerpt }}
                    </p>
                    <a href="blog-page.html" class="btn btn_animated"><span class="circle">Leer más</span></a>
                </div>
            </div>
        </div>
    @endforeach
</div>
@endforeach

That is, the segment

  

@foreach ($ posts-> chunk (2) as $ post)

What you do is make a split to the arrangement $ posts and place it from 2 to 2 in another arrangement called $ post, that's why then you should place this other segment

  

@foreach ($ post as $ postf)

Where that arrangement that goes from 2 to 2 will go through 1 in 1 to fit the template.

And why do not you simply iterate inside of row printing columns? When the columns exceed the limit of 12 units they should be printed below giving the allusion to another row visually, if there are still empty spaces and columns They do not fill properly, it would be your styles problem. For what you are doing your posts should have the same height and if they do not have it, it would be, in my opinion, bad interface design.

Your code should look like this:

<!-- Blog -->
                <div class="section blog-posts" id="blog-section"> 
                    <div class="row">
                    @foreach($posts as $post)
                        <div class="col col-m-12 col-t-6 col-d-6">
                            <div class="blog_item animated">
                                <div class="image">
                                    <a href="blog-page.html"><img src="mcard/images/blog/blog1.jpg" alt="" /></a>
                                </div>
                                <div class="content-box">
                                    <div class="i_title">
                                        <div class="icon"><strong>{{ $post->published_at->format('d') }}</strong> {{ $post->published_at->format('M') }}</div>
                                    </div>
                                    <div class="category_bts">
                                        @foreach($post->tags as $tag)
                                        <a href="#" class="category">#{{ $tag->name }}</a>
                                        @endforeach
                                    </div>
                                    <a href="blog-page.html" class="name">{{ $post->title }}</a>
                                    <p>
                                        {{ $post->excerpt }}
                                    </p>
                                    <a href="blog-page.html" class="btn btn_animated"><span class="circle">Leer más</span></a>
                                </div>
                            </div>
                        </div>
                    @endforeach
                    </div>
                </div>