fix(component): CodeBlock component overflows in mobile devices (#281)

axross · Mar 28, 2021 · e32abb7 · e32abb7 · vercel · Mar 28, 2021
1 parent 08cbf51
commit e32abb7
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/components/page-layout.tsx b/components/page-layout.tsx
@@ -29,7 +29,7 @@ export const TwoColumnPageLayout: React.VFC<TwoColumnPageLayoutProps> = ({
         padding-block-end: calc(var(--space-xxl) * 2);
 
         @media screen and (max-width: 1200px) {
-          grid-template-columns: 1fr;
+          grid-template-columns: 100%;
           grid-template-areas: "main" "hr" "footer";
           margin-inline-start: 0;
           margin-inline-end: 0;