tarasis
/
old_tarasis.net
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added final images & difference comparisons

This commit is contained in:
Robert McGovern 2020-09-11 23:28:26 +01:00
parent e8d65b4e73
commit fcfccd4a5a
5 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
FrontendMentor/ping-coming-soon-page-master/work-through/final-desktop-1440x1024.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 100 KiB

BIN
FrontendMentor/ping-coming-soon-page-master/work-through/final-desktop-diff-1440x1024.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 81 KiB

BIN
FrontendMentor/ping-coming-soon-page-master/work-through/final-mobile-375x812.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 KiB

BIN
FrontendMentor/ping-coming-soon-page-master/work-through/final-mobile-diff-375x812.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 67 KiB

14
FrontendMentor/ping-coming-soon-page-master/work-through/myProcess.md
View File

@ -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.
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)