Move padding to child elements and apply only inline padding

Author: TorstenDittmann

packages/main/src/layouts/_website.scss

@@ -8,13 +8,13 @@
 		"header"
 		"main"
 		"footer";
-	@media (max-width: map.get(
-			breakpoints.$breakpoints,
-			"small"
-		)) {
-		padding: 1rem;
-	}
-	>  {
+	> {
+		@media (max-width: map.get(
+				breakpoints.$breakpoints,
+				"small"
+			)) {
+			padding-inline: 1rem;
+		}
 		header {
 			grid-area: header;
 		}