      <input id="tags_filter" type="text" class="text-center" placeholder="Filter tags...">
    </div>
    <br>

    <div class="container mx-auto">
        <ul id="tags" class="row p-0">
            {% for tag in tags %}
            <li class="list-group-item col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2"><a href="{% url 'query' %}?q={{tag}}">{{ tag }}</a></li>
            {% endfor %}
        </ul>
    </div>
</main>

{% endblock main %}
