Update verse styling

quran · Jan 27, 2025 · a2572fc · a2572fc
1 parent 5ea2070
commit a2572fc
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/pages/ramadan-activities/RamadanActivities.module.scss b/src/pages/ramadan-activities/RamadanActivities.module.scss
@@ -18,3 +18,9 @@
     }
     min-height: calc(5 * var(--spacing-mega));
 }
+
+.mainVerse {
+    @include breakpoints.tablet {
+        max-width: 50%;
+    }
+}
diff --git a/src/pages/what-is-ramadan/index.tsx b/src/pages/what-is-ramadan/index.tsx
@@ -44,7 +44,7 @@ const WhatIsRamadanPage: NextPage = (): JSX.Element => {
           </div>
           <div className={styles.subSection}>
             <h2>A Prescription for Mindfulness</h2>
-            <div>
+            <div className={pageStyles.mainVerse}>
               <div>
                 <i>
                   "You who believe, fasting is prescribed for you, as it was prescribed for those