FIX: css, official margin when mobile

42Benefit · Apr 27, 2023 · 43522bd · 43522bd
1 parent b78f31c
commit 43522bd
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/component/Benefit/Benefits.svelte b/src/component/Benefit/Benefits.svelte
@@ -234,8 +234,8 @@
 		flex-direction: row;
 		justify-content: space-between;
 		margin: 0;
-		margin-left: 0.42rem;
-		margin-right: 0.42rem;
+		margin-left: 1rem;
+		margin-right: 1rem;
 		color: black;
 	}
 
@@ -295,7 +295,6 @@
 		outline: max(2px, 0.1rem) solid rgb(10, 115, 66);
 	}
 
-
 	:global(.show) {
 		opacity: 0.9 !important;
 	}
@@ -305,4 +304,10 @@
 		text-underline-offset: 0.2rem !important;
 		text-decoration-thickness: 0.1rem !important;
 	}
+
+	@media (max-width: 768px) {
+		.category {
+			margin: 0.42rem;
+		}
+	}
 </style>