mobile Keep Going

StampyAI · Feb 26, 2024 · 9dd6556 · 9dd6556
1 parent 4791ee0
commit 9dd6556
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/app/components/Article/KeepGoing/index.tsx b/app/components/Article/KeepGoing/index.tsx
@@ -22,7 +22,7 @@ const NextArticle = ({section, next, first}: NextArticleProps) =>
         {first ? 'Start' : 'Continue'} with the {first ? 'first' : 'next'} article in "
         {section?.title}"
       </div>
-      <div className={`${styles.container} flex-container bordered`}>
+      <div className={`${styles.container} flex-container bordered ${styles.flex_dynamic}`}>
         <div className="vertically-centered white default-bold">{next.title}</div>
         <Button action={questionUrl(next)} className="primary-alt">
           {first ? 'Start' : 'Next'}

diff --git a/app/components/Article/KeepGoing/keepGoing.module.css b/app/components/Article/KeepGoing/keepGoing.module.css
@@ -4,3 +4,14 @@
   padding: var(--spacing-32);
   margin-bottom: var(--spacing-56);
 }
+
+@media (max-width: 640px) {
+  .flex_dynamic {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-16);
+  }
+  .container {
+    padding: var(--spacing-24);
+  }
+}