{% extends 'base.html' %}

{% block title %}News{% endblock %}

{% block content %}
	<!-- Main Content -->
	<main class="container mx-auto w-full px-4 my-8 flex-1">
		<h1 class="page-title">News zu #{{ tag }}</h1>
		<div class="sm:flex sm:flex-row-reverse justify-center">
			<section class="my-8 sm:my-0 sm:w-3/5 xl:w-2/5 flex flex-col gap-4">
                {% for post in posts %}
                    {% include 'posts/partials/_posts_hero.html' %}
                {% endfor %}
			</section>
		</div>
	</main>
{% endblock %}
