fix responsive in markdown

gabriellbbrr · Jan 8, 2024 · 1001f91 · 1001f91
1 parent 777d452
commit 1001f91
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 1 deletion.
diff --git a/public/assets/1701089457883.jpg b/public/assets/1701089457883.jpg
diff --git a/src/components/ThemeToggle.astro b/src/components/ThemeToggle.astro
diff --git a/src/pages/work/[...slug].astro b/src/pages/work/[...slug].astro
@@ -153,6 +153,30 @@ const { Content } = await entry.render();
     }
   }
 
-  @media screen (max width: ;) {
+  .content {
+    font-size: var(--text-2x1);
+    display: block;
+    align-self: flex-start;
+  }
+  .content :global(h2) {
+    font-size: var(--text-3xl);
+  }
+
+  @media (max-width: 50em) {
+    .back-link {
+      display: block;
+      align-self: flex-start;
+    }
+    .content {
+      font-size: var(--text-1x1);
+      display: block;
+      align-self: flex-start;
+    }
+    .content :global(blockquote) {
+      font-size: var(--text-1xl);
+    }
+    .content :global(h2) {
+      font-size: var(--text-2xl);
+    }
   }
 </style>
diff --git a/src/styles/global.css b/src/styles/global.css
@@ -236,6 +236,10 @@ h5 {
 	gap: 12rem;
 }
 
+.gap-50 {
+	gap: 15rem;
+}
+
 @media (min-width: 50em) {
 	.lg\:gap-2 {
 		gap: 0.5rem;
@@ -262,4 +266,6 @@ h5 {
 		gap: 12rem;
 	}
 
+
+
 }