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 single column coming soon page | HTML, CSS, JS

Azzumar 340

@Azzumarithm

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


first project using js, I learned something new about email validation. I appreciate any feedback.

Community feedback

Vanza Setia 27,795

@vanzasetia

Posted

Hi, Azzumar!

I recommend learning to create accessible form validation. Accessible form validation means that the error messages get pronounced by screen readers, each input has a label, and using the correct type of input. I wrote an article to help you understand to do all of that.

How To Create Accessible Form with Boring Design?

<label> should contain text content. Otherwise, it is almost the same as an <input> with no accessible name.

Learn more about "accessible name" — What is an accessible name? - TPGi

Avoid using JavaScript to add styling (unless you have no other option). JavaScript allows you to change the CSS code using the style property. But, to make debugging easier and improve code maintainability, it’s best to avoid it. Use CSS classes instead.

I hope you find this useful.

Marked as helpful

1

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