Better list

totem-technologies · Oct 18, 2023 · a803d30 · a803d30
1 parent 3654179
commit a803d30
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/totem/circles/templates/circles/list.html b/totem/circles/templates/circles/list.html
@@ -28,9 +28,10 @@ <h2 class="h2 text-gray-900 text-lg">{{ event_item.circle.title }}</h2>
                 </ul>
             {% endif %}
             <h2 class="h2 pb-5">Upcoming Circles</h2>
-            <ul role="list" class="grid grid-cols-1 gap-6 sm:grid-cols-2">
+            <ul role="list"
+                class="grid sm:grid-cols-2 grid-cols-1 gap-6 pb-5 md:grid-cols-3">
                 {% for event in events %}
-                    <t-card
+                    <t-card class="sm:m-0 m-auto"
                     {% if event.circle.image %}image="{{ event.circle.image.url }}"{% endif %}
                     href="{% url "circles:event_detail" event_slug=event.slug %}">
                     <span slot="title">{{ event.circle.title }}</span>

diff --git a/totem/static/css/styles.css b/totem/static/css/styles.css