Skip to content
Submitted over 1 year ago

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

#accessibility#bem#webpack
Abdul Khaliq 🚀•72,480
@0xabdulkhaliq
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Ping single column coming soon page
  • HTML
  • CSS
  • JS
1newbie

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

  • Josh•400
    @burrijwPosted over 1 year ago
    • 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
    Abdul Khaliq 🚀•72,480
    @0xabdulkhaliqPosted over 1 year ago

    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•[object Object]
    @Jayboy0103Posted over 1 year ago

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

    1
    Abdul Khaliq 🚀•72,480
    @0xabdulkhaliqPosted over 1 year ago

    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
  • Jeya prakash•600
    @jeyaprakashp4587Posted over 1 year ago

    bro.. epdi ivlo accurate ah pandreenga ...

    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