Fix responsive

midudev · midudev · commit dd45b1edd581 · 2024-02-15T11:53:50.000+01:00
diff --git a/web/src/components/Projects.astro b/web/src/components/Projects.astro
@@ -107,7 +107,9 @@ const PROJECTS = [
       )
     })
   }
-  <article class="relative items-center text-black rounded-lg bg-purple-50">
+  <article
+    class="min-h-60 relative items-center text-black rounded-lg bg-purple-50"
+  >
     <a
       href="https://twitch.tv/midudev"
       class="group hover:scale-110 transition flex justify-center flex-col h-full items-center font-semibold text-purple-700 text-center text-xl"
diff --git a/web/src/layouts/Layout.astro b/web/src/layouts/Layout.astro
@@ -19,7 +19,7 @@ const { title } = Astro.props
     <title>{title}</title>
     <ViewTransitions />
   </head>
-  <body>
+  <body class="px-8">
     <slot />
     <style is:global>
       html {

Original file line number	Diff line number	Diff line change
`@@ -107,7 +107,9 @@ const PROJECTS = [`
`107`	`107`	`)`
`108`	`108`	`})`
`109`	`109`	`}`
`110`		`- <article class="relative items-center text-black rounded-lg bg-purple-50">`
	`110`	`+ <article`
	`111`	`+ class="min-h-60 relative items-center text-black rounded-lg bg-purple-50"`
	`112`	`+ >`
`111`	`113`	`<a`
`112`	`114`	`href="https://twitch.tv/midudev"`
`113`	`115`	`class="group hover:scale-110 transition flex justify-center flex-col h-full items-center font-semibold text-purple-700 text-center text-xl"`