style: tweaks

loks0n · Sep 1, 2023 · 2380aee · 2380aee
1 parent 2fce47e
commit 2380aee
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 2 deletions.
diff --git a/src/lib/components/Footer.svelte b/src/lib/components/Footer.svelte
@@ -33,10 +33,12 @@
  display: flex;
  align-items: center;
  justify-content: space-between;
+ flex-wrap: wrap;
  }
  ul {
  display: flex;
  list-style: none;
  gap: 1em;
+ flex-wrap: wrap;
  }
 </style>
diff --git a/src/lib/components/Nav.svelte b/src/lib/components/Nav.svelte
@@ -33,11 +33,21 @@
 <style>
  nav {
  display: flex;
- justify-content: space-between;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
  font-weight: 500;
  font-size: 1.1em;
  }
 
+ @media (min-width: 450px) {
+ nav {
+ justify-content: space-between;
+ flex-direction: row;
+ }
+ }
+ 
+
  ul {
  display: flex;
  list-style: none;

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -41,7 +41,7 @@
  .container {
  display: flex;
  flex-direction: column;
- max-width: 28rem;
+ width: min(100%, 30rem);
  }
 
  .content {