Ping coming soon page
Design comparison
Solution retrospective
Hello, Frontend Mentor community! This is my solution to the Ping coming soon page.
I appreciate all the feedback you left that helped me to improve this project. Due to the fact that I published this project very long ago, I am no longer updating it and changing its status to Public Archive on my Github.
You are free to download or use the code for reference in your projects, but I no longer update it or accept any feedback.
Thank you
Community feedback
- @edo979Posted over 2 years ago
I also noticed the aspect ratio of social icons. Nice work. Congratulations!
0 - @Martin-K-KamirPosted over 2 years ago
Nice work Catherine!
Just few things i would point out.
- The page is not very responsive on couple devices. The text is overflowing and the layout is weirdly positioned not very centered.
- The social icons on the bottom are not very rounded. I would suggest on .social-media .fa-brands delete padding add flex center it out and width height 1.5rem, also the instagram icon is smaller then other icons so maybe scale it up little bit but that is small detail
- Also i would fix the scrolling behavior on full size desktop since there is no more content below. The image makes the page scrollable.
But still the website looks amazing and i love your work!
0@catherineisonlinePosted over 2 years ago@Martin-K-Kamir I will take a look, thank you!
0 - @aguilcasarikiPosted over 2 years ago
Muy buen trabajo
0@catherineisonlinePosted over 2 years ago@aguilcasariki Gracias
0 - @rob-the-automatorPosted over 2 years ago
This looks great! One thing I noticed is that the 'Please provide an email address' popup disappears inconsistently. Sometimes it'll disappear after a couple milliseconds and sometimes it takes a few seconds to disappear. And on a 4k monitor the popup appears on the page mockup(right below the three buttons on the page mockup). But other than that, it looks amazing!
0@catherineisonlinePosted over 2 years ago@rob-the-automator Thank you! Can you check the pop-up again? Yes, I tried to fix that issue with timing however I am not sure what is causing it
0@rob-the-automatorPosted over 2 years ago@catherineisonline it's a lot more consistent now! Great job, really it look amazing!
0@catherineisonlinePosted over 2 years ago@rob-the-automator Thanks!
0 - @zent0821Posted over 2 years ago
Good job, looks great. keep it up.
0 - @lilKriTPosted over 2 years ago
Looks great. Also, I'm sorry for unfollowing you on github, that was an accident :P
0 - @Salman-sajibPosted over 2 years ago
Great work.
0@catherineisonlinePosted over 2 years ago@Salman311291 Thanks
0 - @K4UNGPosted over 2 years ago
Hey Catherine, it looks good! One thing tho, the social media icons can have a specific width with aspect-ratio: 1 or the same height so that the borders can be nice and round. Happy Coding!
0 - @SoftwareRebelssPosted over 2 years ago
Wow this is nice . I love your work 💪.
0@catherineisonlinePosted over 2 years ago@SoftwareRebelss Thank you
1 - @cssbubblePosted over 2 years ago
Nice Catherine, I like the border of the input box.
But your error message is coming very far from input field and is appearing just for a second.
0@catherineisonlinePosted over 2 years ago@cssbubble Yes, I tried to fic that error and I am not sure why it's happening. Could you check again if the error message is working properly now? Thanks for the feedback.
0 - @jkellermanPosted over 2 years ago
Great work! Maybe just have the error message outside of the the input field as the user can't read the error message fully behind the input text.
0@catherineisonlinePosted over 2 years ago@jkellerman Thanks! I did place it outside the input field, works for me perfectly on my phone and desktop. Which device or browser did you check with?
0@catherineisonlinePosted over 2 years ago@jkellerman Hmm, that's really strange, working for me on pro as well
0@catherineisonlinePosted over 2 years ago@jkellerman I did some changes, should be working better now
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