fix: 100 on lighthouse 🥳

src/pages/about.astro

@@ -91,10 +91,9 @@ const jsonLd = await profile.getJsonLd();
   </main>
 </Html>
 
-<script src="../scripts/fadein.ts"></script>
-
 <style>
 .main {
+  padding: 30px;
   max-width: var(--content-width);
   margin: auto;
   display: grid;
@@ -109,6 +108,15 @@ const jsonLd = await profile.getJsonLd();
   h2 {
     font-weight: var(--fw-md);
   }
+
+  @media (max-width: 1024px) {
+    grid-template-columns: 1fr;
+    grid-template-areas:
+      "content"
+      "profiles"
+      "skills"
+      "experiences";
+  }
 }
 
 .content {

src/pages/index.astro

@@ -46,6 +46,7 @@ const jsonLd = await profile.getJsonLd();
 
 <style>
 .main {
+  padding: 30px;
   max-width: var(--content-width);
   margin: auto;
   display: flex;

src/pages/posts/[id]/index.astro

@@ -32,6 +32,7 @@ const { Content } = await render(post);
     <Picture
       loading='eager'
       class='img'
+      fetchpriority="high"
       src={post.data.heroImage}
       widths={[320, 640, 1024, 1400]}
       formats={['avif', 'webp', 'png']}
@@ -75,7 +76,7 @@ const { Content } = await render(post);
       '. content cover';
   }
 
-  article :global(picture) {
+  article picture {
     grid-area: cover;
     position: relative;
   }