more mobile fixes and metadata

Xanazf · Nov 9, 2024 · 8013994 · 8013994
1 parent cdf7fa7
commit 8013994
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 5 deletions.
diff --git a/src/components/cards/ProjectCard.module.css b/src/components/cards/ProjectCard.module.css
@@ -1,7 +1,8 @@
 .project-card {
   position: relative;
-  width: 12rem;
-  height: 6rem;
+  width: 100%;
+  margin: auto;
+  aspect-ratio: 16 / 9;
   overflow: hidden;
   border-radius: 1rem;
 
@@ -18,3 +19,9 @@
     align-items: center;
   }
 }
+
+@media (min-width: 65rem) {
+  .project-card {
+    width: 12rem;
+  }
+}
diff --git a/src/config/Head.astro b/src/config/Head.astro
@@ -17,15 +17,15 @@ const { title, description } = Astro.props;
 
 <!-- Open Graph Meta Tags -->
 <meta name="og:type" content="website" />
-<meta name="og:site_name" content="quickshell" />
+<meta name="og:site_name" content="xanazf" />
 <meta name="og:url" content={Astro.url} />
 <meta name="og:title" content={title} />
 <meta name="og:description" content={description} />
 <!-- <meta name="og:image" content={image} /> -->
 
 <!-- Twitter Meta Tags -->
 <meta name="twitter:card" content="summary_large_image" />
-<meta name="twitter:domain" content="quickshell.outfoxxed.me" />
+<meta name="twitter:domain" content="xanazf.github.io" />
 <meta name="twitter:url" content={Astro.url} />
 <meta name="twitter:title" content={title} />
 <meta name="twitter:description" content={description} />

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -126,9 +126,10 @@ h2 {
 }
 
 .main-projects {
-  padding-left: 3rem;
   display: flex;
   gap: 0.618rem;
+  flex-direction: column;
+  padding-inline: 1rem;
 
   & h2 {
     text-align: start;
@@ -199,4 +200,8 @@ h2 {
   .main-hello {
     flex-direction: initial;
   }
+
+  .main-projects {
+    padding-left: 3rem;
+  }
 }