diff --git a/FrontendMentor/ping-coming-soon-page-master/css/style.css b/FrontendMentor/ping-coming-soon-page-master/css/style.css index 10f0882..762401f 100644 --- a/FrontendMentor/ping-coming-soon-page-master/css/style.css +++ b/FrontendMentor/ping-coming-soon-page-master/css/style.css @@ -31,7 +31,7 @@ body { align-items: center; align-content: center; - margin-top: 4.1rem; + margin-top: 4.2rem; } .logoSection { @@ -58,7 +58,7 @@ body { .titleSection .line1 { font-weight: 300; color: var(--site-gray); - letter-spacing: 1.2; + letter-spacing: 1.2px; } .line1 b { @@ -67,7 +67,7 @@ body { } .titleSection .line2 { - margin-top: 1rem; + margin-top: 0.95rem; font-size: 12px; color: var(--site-gray); } @@ -89,7 +89,7 @@ body { /* width: 85%; */ width: calc(100% - 46px); - color: var(--site-paleBlue); + color: black; font-size: 12px; font-weight: 300; border: 2px solid var(--site-paleBlue); @@ -103,6 +103,11 @@ body { /*box-shadow: 3px 3px 1px 1px var(--site-paleBlue); */ } +.formSection input::placeholder{ + padding-left: 8px; + color: var(--site-paleBlue);; +} + .formSection button { font-family: 'Libre Franklin', sans-serif; width: 100%; @@ -111,7 +116,7 @@ body { font-size: 12px; font-weight: 300; border: none; - padding: 0.6rem 0; + padding: 0.625rem 0; text-align: center; text-decoration: none; /* display: inline-block; */ @@ -123,7 +128,7 @@ body { } .imageSection { - margin-top: 3.5rem; + margin-top: 3.4rem; text-align: center; width: 95%; /* display: flex; @@ -143,7 +148,7 @@ footer { } .socialButtonsSection { /* margin-top: auto; */ - margin-bottom: 1.45rem; + margin-bottom: 1.35rem; font-size: 20px; } @@ -160,7 +165,7 @@ footer { color: var(--site-gray); font-size: 10px; text-align: center; - margin-bottom: 1.05rem; + margin-bottom: 1.15rem; } /* Feel free to remove these styles or customise in your own stylesheet 👍 */ diff --git a/FrontendMentor/ping-coming-soon-page-master/work-through/mobile-diff.png b/FrontendMentor/ping-coming-soon-page-master/work-through/mobile-diff.png new file mode 100644 index 0000000..352f57a Binary files /dev/null and b/FrontendMentor/ping-coming-soon-page-master/work-through/mobile-diff.png differ diff --git a/FrontendMentor/ping-coming-soon-page-master/work-through/myProcess.md b/FrontendMentor/ping-coming-soon-page-master/work-through/myProcess.md index 31a64fb..926ab63 100644 --- a/FrontendMentor/ping-coming-soon-page-master/work-through/myProcess.md +++ b/FrontendMentor/ping-coming-soon-page-master/work-through/myProcess.md @@ -33,4 +33,11 @@ Realised better to social icons into footer and move the footer out of the flex So mobile is virtually there. The Ping! logo is slightly off, as is the "We are launching soon!" So close *sigh* +Day break + +Spent 20 minutes playing with mobile positioning. Crazy I know, but its like __near__ spot on. + +![mobile difference](mobile-diff.png) + +