diff --git a/FrontendMentor/ping-coming-soon-page-master/css/style.css b/FrontendMentor/ping-coming-soon-page-master/css/style.css index cae0370..10f0882 100644 --- a/FrontendMentor/ping-coming-soon-page-master/css/style.css +++ b/FrontendMentor/ping-coming-soon-page-master/css/style.css @@ -135,14 +135,32 @@ body { /* height: auto; */ } +footer { + position: fixed; + bottom: 0; + text-align: center; + width: 100vw; +} +.socialButtonsSection { + /* margin-top: auto; */ + margin-bottom: 1.45rem; + font-size: 20px; +} + .socialButtonsSection a { color: var(--site-blue); } +.socialButtonsSection .fa-stack { + color: rgba(0, 0, 0, 0.03); + font-size: 15px; +} + .copyright { color: var(--site-gray); - font-size: 12px; + font-size: 10px; text-align: center; + margin-bottom: 1.05rem; } /* Feel free to remove these styles or customise in your own stylesheet 👍 */ diff --git a/FrontendMentor/ping-coming-soon-page-master/index.html b/FrontendMentor/ping-coming-soon-page-master/index.html index bdbad40..959cd40 100644 --- a/FrontendMentor/ping-coming-soon-page-master/index.html +++ b/FrontendMentor/ping-coming-soon-page-master/index.html @@ -33,20 +33,29 @@ Illustration of the dashboard -
- - - -
- + \ No newline at end of file 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 b77704a..31a64fb 100644 --- a/FrontendMentor/ping-coming-soon-page-master/work-through/myProcess.md +++ b/FrontendMentor/ping-coming-soon-page-master/work-through/myProcess.md @@ -28,3 +28,9 @@ Continue to play with positioning rather than focusing on main styling Nudge screenshot nudge screenshot nudge screenshot *sigh* I'm not OCD I swear ... +Realised better to social icons into footer and move the footer out of the flex container, and clamp it to the bottom. + +So mobile is virtually there. The Ping! logo is slightly off, as is the "We are launching soon!" +So close *sigh* + +