I'm currently working on a social networking website with Django and HTML. On my blog list page, I have all the posts from various users displayed in a single container. But I want to separate these posts into individual tiles or containers, similar to how it's done on Facebook. Any tips on how I can achieve this? Thanks.
blog_list.html
<section>
<br>
<div class="container" id ="main-cont">
<div class="row">
<div class="panel panel-default post">
<div class ="panel-body">
<div class ="row">
<div class = "col-sm-1">
<a class ="post-avatar thumbnail" href = "#"><img src ="{% static 'img/group.png' %}"></a>
<!-- <hr>Created By: {{ post.author }}-->
<div>
{% for post in post_list %}
<div class="post">
<h2><a href="{% url 'post_detail' pk=post.pk %}">{{ post.title }}<br></h2>
<br>
<br>
{% endfor %}
</div>
{% endblock %}