All right.
This, I'm going to admit, is a very, very easy challenge, because before we can run, we need to
learn how to walk.
Before you walk through a door, you need to open that door.
So here we are.
We are just opening the door to harder challenges.
This is going to be a very simple example.
Like I said, all I want you to do is I want you to visually show the user when this email field is
invalid and when it's valid.
You can see here that the email is a required field that the user has to fill in and therefore it's
red.
The background color is red.
It's showing us that something's wrong.
It's not valid yet.
If the user, however, types an email address abc@abc.com, we can see now that it's changed appearance.
It's telling us that this is good, we're good to go.
Very simple challenge.
All I want you to do is I want you to have an input with type email and I want you to include CSS specifically
targeting the :valid and :invalid pseudo classes.
So what are you waiting for?
Grab a coffee, give it a go and I'll see you in the solution video.
Good luck.