From 49735afe4548e5ad76ee3e4577413d7369d191b2 Mon Sep 17 00:00:00 2001
From: Dan Grebb <git@dgrebb.com>
Date: Tue, 6 Feb 2024 19:13:11 -0500
Subject: [PATCH] wip(front): adjust breakpoint padding on CV page (#963)

---
 front/src/lib/styles/pages/cv.css                   |  2 --
 .../src/routes/cv/[collection]/[slug]/+page.svelte  | 13 ++++++++++++-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/front/src/lib/styles/pages/cv.css b/front/src/lib/styles/pages/cv.css
index 63e0d20a9..39b588ac2 100644
--- a/front/src/lib/styles/pages/cv.css
+++ b/front/src/lib/styles/pages/cv.css
@@ -1,8 +1,6 @@
 @import '../components/cv-timeline.css';
 
 .cv.meat {
-  padding: 2.33rem;
-  max-width: 64rem;
   h1.page-heading {
     font-family: var(--font-psbl);
     letter-spacing: -0.0875rem;
diff --git a/front/src/routes/cv/[collection]/[slug]/+page.svelte b/front/src/routes/cv/[collection]/[slug]/+page.svelte
index 243654763..6c7627399 100644
--- a/front/src/routes/cv/[collection]/[slug]/+page.svelte
+++ b/front/src/routes/cv/[collection]/[slug]/+page.svelte
@@ -37,7 +37,7 @@
 </script>
 
 <PageTransition transitionKey={slug}>
-  <section class="cv meat {collection}">
+  <section class="cv meat singleton {collection}">
     <span class="flourish" />
     <a id="main">Main Content</a>
     {#if itemData}
@@ -56,3 +56,14 @@
     <Meta {pageMeta} />
   {/key}
 {/if}
+
+<style lang="postcss">
+  .singleton {
+    max-width: 64rem;
+  }
+  @media screen and (min-width: 640px) {
+    .singleton {
+      padding: 2.33rem;
+    }
+  }
+</style>