Edis• 1,220
@edo979
Posted
I also noticed the aspect ratio of social icons. Nice work. Congratulations!
0
👾 Ekaterine Mitagvaria 👾• 7,640
@catherineisonline
Posted
@edo979 Thanks
0
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
Martin KamÃr• 490
@Martin-K-Kamir
Posted
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
👾 Ekaterine Mitagvaria 👾• 7,640
@catherineisonline
Posted
@Martin-K-Kamir I will take a look, thank you!
0
@aguilcasariki
Posted
Muy buen trabajo
0
👾 Ekaterine Mitagvaria 👾• 7,640
@catherineisonline
Posted
@aguilcasariki Gracias
0
Roberto Cortez• 50
@rob-the-automator
Posted
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
👾 Ekaterine Mitagvaria 👾• 7,640
@catherineisonline
Posted
@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
Roberto Cortez• 50
@rob-the-automator
Posted
@catherineisonline it's a lot more consistent now! Great job, really it look amazing!
0
👾 Ekaterine Mitagvaria 👾• 7,640
@catherineisonline
Posted
@rob-the-automator Thanks!
0
Jose Arape• 160
@zent0821
Posted
Good job, looks great. keep it up.
0
👾 Ekaterine Mitagvaria 👾• 7,640
@catherineisonline
Posted
@zent0821 Thanks!
0
👾 Ekaterine Mitagvaria 👾• 7,640
@catherineisonline
Posted
@zent0821 Thanks
0
lilKriT• 380
@lilKriT
Posted
Looks great. Also, I'm sorry for unfollowing you on github, that was an accident :P
0
👾 Ekaterine Mitagvaria 👾• 7,640
@catherineisonline
Posted
@lilKriT Thank you!
0
Salman sajib• 230
@Salman-sajib
Posted
Great work.
0
👾 Ekaterine Mitagvaria 👾• 7,640
@catherineisonline
Posted
@Salman311291 Thanks
0
Kaung Zin Hein• 720
@K4UNG
Posted
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
👾 Ekaterine Mitagvaria 👾• 7,640
@catherineisonline
Posted
@K4UNG Thank you
0
Masiko Dlamini• 140
@SoftwareRebelss
Posted
Wow this is nice . I love your work 💪.
0
👾 Ekaterine Mitagvaria 👾• 7,640
@catherineisonline
Posted
@SoftwareRebelss Thank you
1
Priyanka• 380
@cssbubble
Posted
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
👾 Ekaterine Mitagvaria 👾• 7,640
@catherineisonline
Posted
@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
Josh• 560
@jkellerman
Posted
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
👾 Ekaterine Mitagvaria 👾• 7,640
@catherineisonline
Posted
@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
Josh• 560
@jkellerman
Posted
@catherineisonline macbook pro & google chrome
1
👾 Ekaterine Mitagvaria 👾• 7,640
@catherineisonline
Posted
@jkellerman Hmm, that's really strange, working for me on pro as well
0
👾 Ekaterine Mitagvaria 👾• 7,640
@catherineisonline
Posted
@jkellerman I did some changes, should be working better now
0
Josh• 560
@jkellerman
Posted
@catherineisonline it is working for me too now
0
Please log in to post a comment
Log in with GitHub
Join 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