https://i.sstatic.net/KMrO1.pngI have encountered an issue with my Django blog. When I add a new blog post, it appears below the previous posts instead of alongside them, causing a vertical layout rather than a horizontal one.
{% extends 'portfolio/base.html' %}
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="{% static 'css/style.css' %}">
<title>{% block title %}Blog{% endblock %}</title>
</head>
<body>
{% block content %}
<div class="container text-center">
<h2>Blogs</h2>
<h2>PyPatriot has posted {{ blogs.count }} Blog{{ blogs.count | pluralize }}</h2>
<div class="row">
<div class="col-sm-6">
{% for blog in blogs %}
<div class="card" style="width: 18rem;">
<img src="{{ blog.cover_photo.url }}" class="card-img-top" width="230" height="230">
<div class="card-body">
<h4 class="card-title">{{ blog.title }}</h4>
<h6>{{ blog.date | date:'M d Y'}}</h6>
<p class="card-text">{{ blog.description | truncatechars:70 }}</p>
<a href="{% url 'blog:detail' blog.id %}" class="btn btn-primary">View</a>
</div>
{% endfor %}
</div>
</div>
{% endblock %}
</body>
</html>