From 4c65aec72e2fb152f0d1927abae58e1e0f328009 Mon Sep 17 00:00:00 2001
From: Firq <firelp42@gmail.com>
Date: Wed, 3 Jan 2024 23:49:52 +0100
Subject: [PATCH] Last Improvements

---
 src/components/taCard.astro   |  2 +-
 src/layouts/baseSection.astro | 13 +++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/taCard.astro b/src/components/taCard.astro
index 26df05d..85cc4a9 100644
--- a/src/components/taCard.astro
+++ b/src/components/taCard.astro
@@ -76,11 +76,11 @@ const servant_images = import.meta.glob<{ default: ImageMetadata }>(
     color: white;
     align-items: center;
     padding-left: 0.75rem;
+    justify-content: center;
   }
 
   .mobile > h2 {
     margin: 0%;
-    margin-top: 0.5rem;
     font-size: 1.25rem;
     text-align: center;
   }
diff --git a/src/layouts/baseSection.astro b/src/layouts/baseSection.astro
index 63dacbd..40e3585 100644
--- a/src/layouts/baseSection.astro
+++ b/src/layouts/baseSection.astro
@@ -57,6 +57,13 @@ const { title, description } = Astro.props
     line-height: 20px;
     text-align: center;
   }
+
+  @supports (text-align-last: center) {
+    div h2 {
+      text-align: justify;
+      text-align-last: center;
+    }
+  }
   @media (min-width: 512px) {
     div {
       row-gap: 1.5em;
@@ -89,5 +96,11 @@ const { title, description } = Astro.props
     div h2 {
       text-align: left;
     }
+
+    @supports (text-align-last: center) {
+    div h2 {
+      text-align-last: initial;
+    }
+  }
   }
 </style>