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

Intro Component with sign up form, responsive, flex

@ikennarichard

Desktop design screenshot for the Intro component with sign-up form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello friend, thanks for stopping by. Please i need your help, my code is not complete, i could not set the email value color to red when its invalid. Please how do I go about this, I've tried readings online but i couldn't find anything useful. THANKS A LOT

Community feedback

Roy 600

@arkaroy135

Posted

Hello Ikenna, Do not get demotivated, you did a good job. I have some suggestions for you. First of all, do not use lots of media queries. You'll lose track of what are you doing because of that. Use this,

@media (min-width: 1440px){
main{
background: url('./images/bg-intro-desktop.png') var(--red) no-repeat center center / cover;
    }
}

for the desired background.

You can check my solution for better understanding on this project. Feel free to ask questions. Happy coding.

Marked as helpful

0

@ikennarichard

Posted

Good Morning Roy, hope your doing well ? thanks for the corrections. Please could you explain for me line 7 of your script file, i.e "const fname = form['firstname'].value; . Are you getting the input value through its id ?. THANKS A LOT ROY!

0

Roy 600

@arkaroy135

Posted

@ikennarichard Yes. I am getting the value of the from the input field whose id is "firstname" and storing it in fname.

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