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-page-master 1 00

Dwi susilo• 325

@dwi312

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


how to change text in placeholder with javascript, thanks a lot for the feedback.

Community feedback

Ahmed Faisal• 5,095

@afrussel

Posted

Using huge padding there is a problem in mobile view.

0

Dwi susilo• 325

@dwi312

Posted

@afrussel Thank you very much for your input

0
P
Chamu• 12,970

@ChamuMutezva

Posted

  • check your design around 580px , the input elements are overlapping the container
  • an input element like email , text etc must be associated with a label
  • Why do you want to change the placeholder text with javascript? I am not aware of how to do it, but i am of the opinion that it is not necessary.
0

Dwi susilo• 325

@dwi312

Posted

@ChamuMutezva

  • ok i will check on 580px design
  • email input element, I didn't provide a label, can this form work properly?
  • because when I enter the wrong email, I want to change the text "your email address.." to "[email protected]" which is in the placeholder
0
P
Chamu• 12,970

@ChamuMutezva

Posted

@dwi312 , a label is valuable to assistive technology users , without it they might not know what they are expected to do. I am not sure if a placeholder can do that, will be glad to know more about it.

0
Dwi susilo• 325

@dwi312

Posted

@ChamuMutezva your input is very useful for me thank you, actually I try to approach as close as possible to the design.

0
tomas938• 385

@tomas938

Posted

nice job but u have problem with responsivity and you shouldn't alingning items with that huge padding.

0

Dwi susilo• 325

@dwi312

Posted

@tomas938 To be honest, I still don't really understand how to make a responsive display. i try to start the design from 375px to 1440px

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