small design change

2023-03-16 23:29:16 +01:00 · 2023-03-16 23:29:16 +01:00 · 784d66bebc
commit 784d66bebc
parent c7017bfd24
9 changed files with 76 additions and 8 deletions
--- a/src/layouts/contactSection.astro
+++ b/src/layouts/contactSection.astro
@ -6,7 +6,7 @@ export interface Props {
 const { title } = Astro.props
 ---

-<section>
+<section class="base">
  <h1>{title}</h1>
  <div>
    <slot />
@ -35,4 +35,17 @@ const { title } = Astro.props
      justify-content: left;
    }
  }
+
+  @media (min-width: 400px) {
+    .base {
+      margin-left: 3rem;
+      margin-right: 3rem;
+    }
+  }
+  @media (min-width: 1500px) {
+    .base {
+      margin-left: 10%;
+      margin-right: 10%;
+    }
+  }
 </style>