diff --git a/src/app/components/comanda/comanda.component.scss b/src/app/components/comanda/comanda.component.scss
index 27a5c1c..47e51a6 100644
--- a/src/app/components/comanda/comanda.component.scss
+++ b/src/app/components/comanda/comanda.component.scss
@@ -9,6 +9,27 @@
   }
 }
 
+@media (min-width: 1200px) {
+  .card-columns {
+    column-count: 7 !important;
+    column-gap: 0.5rem !important;
+  }
+}
+
+@media (max-width: 1200px) {
+  .card-columns {
+    column-count: 6 !important;
+    column-gap: 0.5rem !important;
+  }
+}
+
+@media (max-width: 768px) {
+  .card-columns {
+    column-count: 3 !important;
+    column-gap: 0.5rem !important;
+  }
+}
+
 .bg-danger {
   background-color: #8c000e !important;
   p {