Cambio en clase css-

Marcelo Puebla
1 parent c8447b1a9c
Showing 1 changed file with 21 additions and 0 deletions Show diff stats
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 {
...	...	@@ -9,6 +9,27 @@
9	9	}
10	10	}
11	11
	12	+@media (min-width: 1200px) {
	13	+ .card-columns {
	14	+ column-count: 7 !important;
	15	+ column-gap: 0.5rem !important;
	16	+ }
	17	+}
	18	+
	19	+@media (max-width: 1200px) {
	20	+ .card-columns {
	21	+ column-count: 6 !important;
	22	+ column-gap: 0.5rem !important;
	23	+ }
	24	+}
	25	+
	26	+@media (max-width: 768px) {
	27	+ .card-columns {
	28	+ column-count: 3 !important;
	29	+ column-gap: 0.5rem !important;
	30	+ }
	31	+}
	32	+
12	33	.bg-danger {
13	34	background-color: #8c000e !important;
14	35	p {