fix: add padding for container

src/lib/components/Container.svelte

@@ -1,5 +1,11 @@
-<div class="container" {...$$restProps}>
-  <slot />
+<div class="container-padder">
+	<div class="container" {...$$restProps}>
+		<slot />
+	</div>
 </div>
 
-
+<style lang="scss">
+	.container-padder {
+		padding: 0 24px;
+	}
+</style>

src/lib/components/footer/Footer.svelte

@@ -50,7 +50,7 @@
 		display: flex;
 		flex-direction: column;
 		gap: 12px;
-		padding: 24px;
+		padding: 24px 0;
 	}
 
 	.footer-title {

src/lib/stylesheets/system/_container.scss

@@ -5,8 +5,8 @@
 	margin: 0 auto;
 
 	@each $name, $data in $breakpoints {
-		@include breakpoint($name) {
-			max-width: map-get($data, 'min-width');
+		@media screen and (min-width: calc(#{inspect(map-get($data, 'min-width'))} + 24px * 2)) {
+			max-width: calc(map-get($data, 'min-width'));
 		}
 	}
 }