VKT(Frontpage): Fine-tune gaps between sections on PublicHomePage [de…

…ploy]
Opetushallitus · Dec 20, 2024 · 1bdafb2 · 1bdafb2
1 parent 5c31438
commit 1bdafb2
Showing 1 changed file with 11 additions and 5 deletions.
diff --git a/frontend/packages/vkt/src/pages/PublicHomePage.tsx b/frontend/packages/vkt/src/pages/PublicHomePage.tsx
@@ -194,12 +194,18 @@ export const PublicHomePage: FC = () => {
                 endIcon={<OpenInNewIcon />}
               />
             </Text>
-            <div className="rows gapped-xxl public-homepage__main-content">
+            <div
+              className={`public-homepage__main-content rows ${
+                isPhone ? 'gapped-xl' : 'gapped-xxl'
+              }`}
+            >
               <EnrollmentFees />
-              <H2>{t('enrollment.heading')}</H2>
-              <div className={`gapped-xxl ${isPhone ? 'rows' : 'columns'}`}>
-                <ExcellentLevelCard />
-                <GoodAndSatisfactoryLevelCard />
+              <div className="rows gapped">
+                <H2>{t('enrollment.heading')}</H2>
+                <div className={`gapped-xxl ${isPhone ? 'rows' : 'columns'}`}>
+                  <ExcellentLevelCard />
+                  <GoodAndSatisfactoryLevelCard />
+                </div>
               </div>
             </div>
           </div>