From 36d94b894ab6f480e50a539efa25193ec6de3d8b Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Wed, 28 Nov 2018 17:43:27 +0100
Subject: Test with max widths

---
 packages/website/ts/@next/components/layout.tsx   | 2 +-
 packages/website/ts/@next/components/siteWrap.tsx | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

(limited to 'packages/website/ts/@next/components')

diff --git a/packages/website/ts/@next/components/layout.tsx b/packages/website/ts/@next/components/layout.tsx
index 485e82e1e..355f32b6c 100644
--- a/packages/website/ts/@next/components/layout.tsx
+++ b/packages/website/ts/@next/components/layout.tsx
@@ -29,7 +29,7 @@ interface ColumnProps {
 
 const GUTTER = 30 as number;
 const WRAPPER_WIDTHS: WrapWidths = {
-  default: `calc(100% - ${GUTTER * 2}px)`,
+  default: '1500px', // dunno
   full: '100%',
   medium: '1136px',
   narrow: '930px',
diff --git a/packages/website/ts/@next/components/siteWrap.tsx b/packages/website/ts/@next/components/siteWrap.tsx
index eebf6c25c..952364f03 100644
--- a/packages/website/ts/@next/components/siteWrap.tsx
+++ b/packages/website/ts/@next/components/siteWrap.tsx
@@ -28,7 +28,9 @@ const SiteWrap: React.StatelessComponent<Props> = props => {
 
 const Main = styled.main`
   border: 1px solid blue;
-  padding: 30px;
+  width: calc(100% - 60px);
+  max-width: 1500px;
+  margin: 0 auto;
 `;
 
 
-- 
cgit