Added final images & difference comparisons
This commit is contained in:
parent
e8d65b4e73
commit
fcfccd4a5a
Binary file not shown.
After Width: | Height: | Size: 100 KiB |
Binary file not shown.
After Width: | Height: | Size: 81 KiB |
Binary file not shown.
After Width: | Height: | Size: 46 KiB |
Binary file not shown.
After Width: | Height: | Size: 67 KiB |
|
@ -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.
|
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)
|
||||||
|
|
Reference in New Issue