From d99fcaa63b04cb72533559ef927852d5ad832698 Mon Sep 17 00:00:00 2001
From: Kohei Asai <yo@kohei.dev>
Date: Sun, 28 Mar 2021 21:13:25 -0700
Subject: [PATCH] fix(app): grid template of TwoColumnPageLayout was invalid
 (#291)

---
 components/page-layout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/page-layout.tsx b/components/page-layout.tsx
index 83457b9..7d1a8b9 100644
--- a/components/page-layout.tsx
+++ b/components/page-layout.tsx
@@ -22,7 +22,7 @@ export const TwoColumnPageLayout: React.VFC<TwoColumnPageLayoutProps> = ({
       className={css`
         position: relative;
         display: grid;
-        grid-template-columns: 1fr 320px;
+        grid-template-columns: calc(1152px - var(--space-xl) - 320px) 320px;
         grid-template-areas: "main aside" "hr hr" "footer footer";
         column-gap: var(--space-xl);
         justify-content: center;