Mobile first 'Coming soon' page build with SASS
Design comparison
Solution retrospective
Hey guys, this is my first mobile-first designed page. Feel free to leave your feedback :)
Community feedback
- @tesla-ambassadorPosted about 3 years ago
Hey, I like what you did with the sign up bar! It is really impressive! I just have but a few points to note;
- I have a suggestion on the message that comes after someone successfully signs up, you could set a timeout for that message to to disappear and after you can reload the page(to make it seem as though the email was submitted) with the function (window.location.reload();).
- For the responsiveness, I think you used the mobile design a little too soon. I feel like the desktop could still handle. But It's still looks pretty good although I don't know about some screens like the ipad. I generally liked your solution, it was impressive! Kudos! Keep on coding!
Marked as helpful0@snVladkovPosted about 3 years ago@tesla-ambassador Thank you for your feedback.
I followed your advice and set a timeout that reloads the page 3 seconds after a successfull email submission. Regarding the responsive design, I only made the layout for desktop and small mobile devices (phones). For future projects, I will make sure to adapt the layout for device widths between mobile and desktop (like tablets).
0 - @Nazeer2020Posted about 3 years ago
please put a little margin between logo and the big image to make it more beautiful
0@snVladkovPosted about 3 years ago@Nazeer2020 Thank you for your feedback.
It was indeed a bit weird on mobile devices with shorther screen height so I lowered the top padding of the logo's container to even out the space between the two images.
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord