feat(Sponsors): 両端のpaddingを追加

Author: staticWagomU

2025/src/components/Sponsors/Companies.astro

@@ -77,22 +77,26 @@ const getGridClasses = (rank: string, count: number) => {
 ---
 
 <Heading>企業スポンサー</Heading>
-{
-  rankOrder.map(
-    (rank) =>
-      sponsorsByRank[rank] && (
-        <>
-          <h4 class="mb-6 text-center text-2xl font-bold text-gray-800">
-            {rankNameMap[rank]}
-          </h4>
-          <div
-            class={getGridClasses(rank, sponsorsByRank[rank].length).join(" ")}
-          >
-            {sponsorsByRank[rank].sort().map((sponsor) => (
-              <Company {sponsor} />
-            ))}
-          </div>
-        </>
-      ),
-  )
-}
+<div class="container mx-auto px-4">
+  {
+    rankOrder.map(
+      (rank) =>
+        sponsorsByRank[rank] && (
+          <>
+            <h4 class="mb-6 text-center text-2xl font-bold text-gray-800">
+              {rankNameMap[rank]}
+            </h4>
+            <div
+              class={getGridClasses(rank, sponsorsByRank[rank].length).join(
+                " ",
+              )}
+            >
+              {sponsorsByRank[rank].sort().map((sponsor) => (
+                <Company {sponsor} />
+              ))}
+            </div>
+          </>
+        ),
+    )
+  }
+</div>