{% extends "shared/base.html" %}

{% block title %}
  <title>Comic List</title>
{% endblock %}

{% block content %}
  {% with msg=msg %}
    {% include "components/alerts.html" %}
  {% endwith %}
  <div class="container">
  <div class="row">
    <div class="col">
      <h1 class="display-5">Find Jobs..</h1>
    </div>
  </div>
  <div class="row">
      {% for comic in comics %}
        <div class="col-lg-4 col-md-3 col-sm-10 mr-auto">
          {% with obj=comic %}
      		{% include "components/comic_cards.html" %}
    	  {% endwith %}
          {% if loop.index %3 %}
            </div>
          {% else %}
            </div></div><br><div class="row">
          {% endif %}
      {% endfor %}
  </div>
</div>
{% endblock %}