Showing news in an index page in ASP.NET core MVC in row not in column

See more:

ASP.NET

Hi can any one assist I have asp.net core mvc website which has two applications the backend and front end, the back end is for administrators to update/upload the content like news and reports and save on Sql database and the front end app is reading from the DB. My challenge now is on the index view that is showing news, it showing the list of the uploaded news in a column.
I want them to be in row that has 3 column like in one column must show all the details record.
below is the controller and index view that I am working on

What I have tried:

my index Method:

public IActionResult Index()
{
    return View(_context.News.Take(3).OrderByDescending(x => x.Id).ToList());
}

The index view

<div class="un-col-md-8 un-content">

    <div class="un-list-post">

        @foreach (var item in Model)
        {
            <div class="un-item-post un-item-medium">

              

                <div class="un-post-caption un-shadow">

                  
                    <div>
                        @{
                            var imgsrc = "";
                            if (item.Img != null)
                            {
                                var base64 = Convert.ToBase64String(item.Img);
                                imgsrc = string.Format("data:image/jpg;base64,{0}", base64);
                            }
                            
                        }
                    <div>
                      
                    </div>
                    </div>
                    <div class="un-post-title">@item.Title</div>
                    <div class="un-post-exc">@Html.Raw(item.Content) [...]</div>

                    <div class="un-btn-more un-btn-style-1">
                        <a>continue</a>
                    </div>

                    <div class="un-post-info">

                        <div class="un-post-meta un-pull-left">
                            <span class="un-post-date">@item.CreatedOn</span> 
                          
                        </div>

                        <div class="un-post-stats un-pull-right">
                           
                        </div>

                        <div class="un-clearfix"></div>

                    </div>

                </div>

            </div>

        }
     

 


    </div>

</div>