diff --git a/src/frontend/templates/recommendations.html b/src/frontend/templates/recommendations.html
index 936a903..10525af 100644
--- a/src/frontend/templates/recommendations.html
+++ b/src/frontend/templates/recommendations.html
@@ -2,7 +2,7 @@
 <h5 class="text-muted">Products you might like</h5>
 <div class="row my-2 py-3">
     {{range . }}
-        <div class="col-3">
+        <div class="col-sm-6 col-md-4 col-lg-3">
             <div class="card mb-3 box-shadow">
                 <a href="/product/{{.Id}}">
                     <img class="card-img-top border-bottom" alt =""