スタイル微調整

BuriKaigi · Dec 24, 2023 · c51972c · c51972c
1 parent db5a87e
commit c51972c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/Sponsors.tsx b/src/components/Sponsors.tsx
@@ -9,7 +9,7 @@ export function Sponsors({ sponsors }: { sponsors: any[] }) {
         <h2 className="mx-auto max-w-2xl text-center font-display text-4xl font-medium tracking-tighter text-gray-900 sm:text-5xl">
           Sponsors
         </h2>
-        <div className="mx-auto mt-20 grid max-w-max grid-cols-1 place-content-center gap-x-32 gap-y-12 sm:grid-cols-3 md:gap-x-16 lg:gap-x-32">
+        <div className="mx-auto mt-20 mx-20 grid max-w-max grid-cols-1 place-content-center gap-x-16 gap-y-12 sm:grid-cols-3 md:gap-x-32 lg:gap-x-16">
           {sponsors.length == 0 && (
             <div className="text-center col-span-3">調整中</div>
           )}

diff --git a/src/layouts/Sponsor.astro b/src/layouts/Sponsor.astro
@@ -64,8 +64,8 @@ const last = index === allSponsors.length - 1;
           </div>
         </Container>
         <Container className="flex gap-8 mt-12 flex-col">
-          <div>
-            <div class="h-auto w-[30rem] transform">
+          <div class="max-lg:flex max-lg:flex-col max-lg:items-center">
+            <div class="h-auto w-[30rem] max-w-full transform">
               <img
                 class="inset-0 h-full w-full object-cover transition duration-300 group-hover:scale-110"
                 src={frontmatter.image}