diff --git a/templates/app/index.html.twig b/templates/app/index.html.twig
index b8b3fbc..49957f1 100644
--- a/templates/app/index.html.twig
+++ b/templates/app/index.html.twig
@@ -10,7 +10,7 @@
 
     <h1>Offerings</h1>
     {% if offerings|length > 0 %}
-        <div class="card-deck d-flex justify-content-around">
+        <div class="card-deck d-flex justify-content-around justify-content-sm-around justify-content-md-between flex-wrap">
             {% for offering in offerings %}
             <a href="./offer/{{ offering.id }}" class="mb-5">
                     <div class="card offering h-100">