From 011b455043dae61ff35c4ae4bddc8db4f3b76931 Mon Sep 17 00:00:00 2001
From: Robert McGovern <rob@tarasis.net>
Date: Thu, 3 Nov 2022 11:23:37 +0000
Subject: [PATCH] tweaks to mobile version

---
 .../css/styles.css                               | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/projects/FrontendMentor/newbie/skilled-elearning-landing-page/css/styles.css b/projects/FrontendMentor/newbie/skilled-elearning-landing-page/css/styles.css
index 4b78f0f..fdcee32 100644
--- a/projects/FrontendMentor/newbie/skilled-elearning-landing-page/css/styles.css
+++ b/projects/FrontendMentor/newbie/skilled-elearning-landing-page/css/styles.css
@@ -124,7 +124,7 @@ body {
 .intro {
     margin-top: 38px;
     margin-inline: 16px;
-    /* overflow: hidden; */
+    overflow: hidden;
 }
 .intro__header {
     font-size: var(--fs-heading-l);
@@ -173,17 +173,18 @@ body {
     display: flex;
     flex-direction: column;
 
-    margin-top: -60px;
+    margin-top: -18px;
     margin-inline: 16px;
+    gap: 38px;
 }
 .card {
-    display: flex;
-    flex-direction: column;
+    /* display: flex;
+    flex-direction: column; */
 
     border-radius: 10px;
     background: white;
 
-    margin-top: 42px;
+    /* margin-top: 42px; */
     padding-inline: 28px;
 
     max-width: 350px;
@@ -200,7 +201,7 @@ body {
 .card__image {
     position: relative;
     width: 56px;
-    top: -28px;
+    top: -23px;
 }
 .card__header {
     margin-top: 0px;
@@ -215,6 +216,7 @@ body {
     margin-top: 16px;
 }
 .card__getting-started {
+    display: inline-block;
     font-size: 1.125rem;
     padding: unset;
     margin-top: 24px;
@@ -228,7 +230,7 @@ body {
 }
 
 .footer {
-    margin-top: 80px;
+    margin-top: 84px;
     background: var(--col-dark-purple);
 
     display: flex;