diff --git a/FrontendMentor/ping-coming-soon-page-master/work-through/final-desktop-1440x1024.png b/FrontendMentor/ping-coming-soon-page-master/work-through/final-desktop-1440x1024.png new file mode 100644 index 0000000..d734479 Binary files /dev/null and b/FrontendMentor/ping-coming-soon-page-master/work-through/final-desktop-1440x1024.png differ diff --git a/FrontendMentor/ping-coming-soon-page-master/work-through/final-desktop-diff-1440x1024.png b/FrontendMentor/ping-coming-soon-page-master/work-through/final-desktop-diff-1440x1024.png new file mode 100644 index 0000000..b94f086 Binary files /dev/null and b/FrontendMentor/ping-coming-soon-page-master/work-through/final-desktop-diff-1440x1024.png differ diff --git a/FrontendMentor/ping-coming-soon-page-master/work-through/final-mobile-375x812.png b/FrontendMentor/ping-coming-soon-page-master/work-through/final-mobile-375x812.png new file mode 100644 index 0000000..e4eed42 Binary files /dev/null and b/FrontendMentor/ping-coming-soon-page-master/work-through/final-mobile-375x812.png differ diff --git a/FrontendMentor/ping-coming-soon-page-master/work-through/final-mobile-diff-375x812.png b/FrontendMentor/ping-coming-soon-page-master/work-through/final-mobile-diff-375x812.png new file mode 100644 index 0000000..7045074 Binary files /dev/null and b/FrontendMentor/ping-coming-soon-page-master/work-through/final-mobile-diff-375x812.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 d37d9f6..ed286db 100644 --- a/FrontendMentor/ping-coming-soon-page-master/work-through/myProcess.md +++ b/FrontendMentor/ping-coming-soon-page-master/work-through/myProcess.md @@ -102,4 +102,16 @@ Last thing is my hack for the error when email field and button are in a row. Ho Ergh. Want to be done with this. Frustrating myself. -MY GAWD. Eureka, just realised that what I want to use is Flexbox ordering. By doing this, the error message is first, and all I need to do is shift it downwards, no horizontal translation needed. PERFECT. \ No newline at end of file +MY GAWD. Eureka, just realised that what I want to use is Flexbox ordering. By doing this, the error message is first, and all I need to do is shift it downwards, no horizontal translation needed. PERFECT. + +Final forms: + +Desktop: + +![Final Desktop at 1440x1024](final-desktop-1440x1024.png) +![Difference between final desktop & design](final-desktop-diff-1440x1024.png) + +Mobile: + +![Final Mobile at 375x812](final-mobile-375x812.png) +![Difference between final mobile & design](final-mobile-diff-375x812.png)