Skip to content
Submitted almost 3 years ago

CSS, HTML, Javascript

DekiDex•290
@DekiDex
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Intro component with sign-up form
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hi guys, I hope you doing well. This is my first challenge where I was worked on javascript. The only thing left unfinished and I couldn't solve was to change 'email@example/com' to red. After all, it was very interesting to learn javascript through this challenge, precisely I mean on form validation.

Community feedback

  • Hala•200
    @halamhPosted almost 3 years ago

    Hey! Great job on this challenge! I tried to apply the same code for the error message customization and it didn't work. Can you please tell me whether you used something else beside HTML/CSS to do that. Thanks!

    Marked as helpful
    1
    DekiDex•290
    @DekiDexPosted almost 3 years ago

    @halamh No, I used only HTML/CSS for that. In HTML I made two classes for span tag (which is for error message ), <span class="error hidden".

    .error { color: red; font-size: 18px; padding-top: .3rem; }

    .hidden { visibility: hidden; }

    1
  • Zaklina Radivojevic•560
    @zaklinaradivojevicPosted almost 3 years ago

    menjanje boje : https://www.tutorialspoint.com/How-to-change-an-HTML5-input-s-placeholder-color-with-CSS

    Marked as helpful
    1
  • Hala•200
    @halamhPosted almost 3 years ago

    Hey Deki! It doesn't work :( I think there is something else activating the error messages so when you click on "Claim your free trial" the span message pops up. I'm still trying to figure it out.

    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