Merge branch 'resurrection' of https://github.com/kubgus/kubgus.githu…

…b.io into resurrection
kubgus · Jun 19, 2024 · 76c2ea9 · 76c2ea9
2 parents b7ba4d1 + ab5a231
commit 76c2ea9
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 5 deletions.
diff --git a/src/layouts/navbar-for-article.astro b/src/layouts/navbar-for-article.astro
@@ -11,6 +11,22 @@ const dateString = new Date(frontmatter.date).toLocaleString("en-US", { month: "
 ---
 
 <style>
+    main {
+        padding-inline: 28vw;
+    }
+
+    @media (max-width: 1000px) {
+        main {
+            padding-inline: 10vw;
+        }
+    }
+
+    @media (max-width: 480px) {
+        main {
+            padding-inline: 3vw;
+        }
+    }
+
     .article-header {
         border-bottom: 1px solid var(--secondary-background-dark);
 

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -60,7 +60,7 @@ const title = "Jakub Gustafik";
 ---
 
 <style>
-@media (max-width: 768px) {
+@media (max-width: 1000px) {
     main {
         text-align: center;
     }
@@ -73,7 +73,7 @@ const title = "Jakub Gustafik";
     justify-content: space-between;
 }
 
-@media (max-width: 768px) {
+@media (max-width: 1000px) {
     #hero {
         flex-direction: column-reverse;
         align-items: center;
@@ -120,7 +120,7 @@ const title = "Jakub Gustafik";
     }
 }
 
-@media (max-width: 768px) {
+@media (max-width: 1000px) {
     #link-bar {
         justify-content: center;
         align-items: center;

diff --git a/src/styles/article.css b/src/styles/article.css
@@ -14,4 +14,4 @@ pre.astro-code {
 blockquote {
     border-left: 0.25rem solid var(--primary-accent-dark);
     padding-left: 1rem;
-}
+}
diff --git a/src/styles/default-padding.css b/src/styles/default-padding.css
@@ -4,7 +4,13 @@ main {
     justify-content: center;
     gap: 2.5rem;
 
-    padding: 6rem 13vw;
+    padding: 6rem 20vw;
+}
+
+@media (max-width: 1420px) {
+    main {
+        padding-inline: 10vw;
+    }
 }
 
 @media (max-width: 768px) {