{% extends "base" %}
{% block content %}
    <h1>Recent Books</h1>
    <div class="grid-container">
      {% for book in books %}
      <article class="book-card grid-item">
        <header>{{ book.title }}</header>
        <img class="cover" src="/cover/{{ book.id }}" alt="book cover">
        <!-- <footer>{{ book.title }}</footer> -->
      </article>
      {% endfor %}
    </div>
{% endblock content %}