Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

PING COMING SOON 🎯 [ ACCESSIBLE - BEM - VANILLA CSS3 - JS REGEXP ]

#accessibility#bem#webpack

@0xabdulkhalid

Desktop design screenshot for the Ping single column coming soon page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


👾 Hello, Frontend Mentor Community,

This is my solution for the Ping Coming Soon Page.

  • Scored 99.5% on Google Pagespeed Insights! 🤩
  • It's been the first time using wc-toast to get live toasts 🎉
  • Bundled the modules with webpack module bundler 📦
  • Used npm for package management 🛠️
  • Used Prettier code formatter to ensure unified code format ⚙️
  • Layout was built responsive via mobile first workflow approach 📲
  • Had a lots of fun while building this challenge ! 🤠
  • Feel free to leave any feedback and help me to improve my solution 💡

.

👨‍🔬 Follow me in my journey to finish all newbie challenges to explore solutions with custom features and tweaks

Ill be happy to hear any feedback and advice !

Community feedback

P
Josh 400

@burrijw

Posted

  • The error state stays on the input after submitting a successful email. That's a bit confusing from a UX perspective.
  • The footer isn't visible on mobile without scrolling, even when there is plenty of room for it.

Nice job!

1

@0xabdulkhalid

Posted

Glad to hear recommendations from you Brother @burrijw!

  • Actually the error will arised when the mail is not a valid one, if you try to submit non-valid email it will not be submitted. In other hand if you'll try with valid email then that can be submitted, here the error message are also be disabled.
  • I recommend you to try with these two mails
  • Next, when comes to footer i'll agree you're statement a little bit, but the issue is not every smartphone comes with same screen sizes. So if i try to apply fixed position to place in bottom then it may interfere on the components like the illustration images and places top of them. So that i'll not placed that in this challenge
  • Thank you for taking time on my code to share your suggestion with me! 🤠
0

@Jayboy0103

Posted

Hi am jason can you help me go throw about the website and how does it work i'm a newbie

1

@0xabdulkhalid

Posted

Thanks for reaching out @Jayboy0103

You can start from this video about How the web works ?, Remember learning new stuffs can takes time so be patience and get started with fundamentals

Happy coding !

0

@jeyaprakashp4587

Posted

bro.. epdi ivlo accurate ah pandreenga ...

0

Please log in to post a comment

Log in with GitHub
Discord logo

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