From eec3049a2ced71930dc189d2617923a03359aec5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Mon, 29 Aug 2022 14:21:55 +0200
Subject: [PATCH] Put About Purpose section on grid

---
 src/routes/about/+page.svelte | 4 ++--
 src/style/pages/_about.scss   | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
index 2a8c24c..ef65360 100644
--- a/src/routes/about/+page.svelte
+++ b/src/routes/about/+page.svelte
@@ -233,8 +233,8 @@
         </div>
     </section>
 
-    <section class="about__purpose" bind:this={purposeEl}>
-        <div class="container-wide">
+    <section class="about__purpose grid" bind:this={purposeEl}>
+        <div class="container">
             <div class="text title-xl" role="heading">
                 {@html about.purpose_text}
             </div>
diff --git a/src/style/pages/_about.scss b/src/style/pages/_about.scss
index 407f7e3..1dba19c 100644
--- a/src/style/pages/_about.scss
+++ b/src/style/pages/_about.scss
@@ -140,19 +140,19 @@
             margin-top: 120px;
         }
 
-        .container-wide {
+        .container {
+            grid-column: 2 / -2;
             position: relative;
             display: flex;
             align-items: center;
             justify-content: center;
-            height: calc(100vh - var(--sides));
+            height: calc(var(--vh) * 0.9);
             max-height: 720px;
             color: #fff;
             padding: 0 8%;
 
             @include bp (sm) {
                 padding: 0 18%;
-                min-height: calc(100vh - var(--sides));
                 max-height: 1200px;
             }
         }