sistemato asimmetrico per i 24 eventi

static/flyers/asymmetric/style.css

@@ -16,7 +16,7 @@
 }
 .flyer {
   object-fit: cover;
-  max-height: 150px;
+  max-height: 50px;
 }
 
 
@@ -73,12 +73,12 @@ h3 {
 
 #events {
   display: grid;
-  grid-template-columns: auto auto auto;
+  grid-template-columns: auto auto auto auto;
   grid-gap: 1.5em;
   border: 1px dotted black;
   padding-left: 24px;
   padding-right: 24px;
-  height: 350mm;
+  height: 379mm;
 }
 .event {
   background-color: #1e1e1e;

templates/flyers/asymmetric.html

@@ -23,9 +23,9 @@
     </header>
 
     <main id="events">
-      {% for column in (0, 1, 2)  %}
+      {% for column in (0, 1, 2, 3)  %}
       <div class="eventcol">
-      {% for row in (0, 1, 2, 3) %}
+      {% for row in (0, 1, 2, 3, 4, 5) %}
       {% set event = events[column+(3*row)] %}
 
       <div class="event">