<div class="h-100 w-full flex items-center justify-center bg-blue-100 font-sans">

  <div class="bg-white rounded shadow p-6 m-4 w-full lg:w-3/5 md:w-3/4">
    <div class="mb-4">
      <h2
        class="text-gray-darkest"
        data-cy="simple-list-title"
      >
        {{ list.title }}
      </h2>
      {% include "simpletodo/partials/add_task_form.html" with task=task %}
    </div>
    {% for task in list.simpletask_set.all %}
      {% include "simpletodo/partials/task.html" with task=task %}
    {% endfor %}
  </div>

</div>
