Frontend Mentor Newsletter sign-up form with HTML, CSS and JS (Pixel Perfect)

In this video, we will be building the latest frontend mentor challenge which is the frontend mentor newsletter page at the time of recording, we will use HTML, CSS, and Javascript.

00:00: The HTML Code
05:34: The CSS Code Begins!
21:34: The Javascript Code
23:10: Responsive Design

The Starter Files
The Final Files (or Source Files)

[nickyH]

Your tutorial is amazing!
You explain things so well and so clearly.
I really appreciate that you take the time and explain step by step and elaborate on each line of code.
Thank you so much!!

[younesouterbah]

actually thanks a lot i was forgetting that i can give a width for the card container so i was literally struggling with the image how to positions it and you really helped me

[olalekanbolade]

Great job.
But how will the email input value be displayed in the success page?

[GEBO_]

i got a new knowledge . thanks! nice technique about the card container . giving 60%/40% for each child my way is different but still okay . plus i was stuck at js. e.preventDefault() that's a missing piece to fully worked my project. thanks i learned a lot to your video .

[PetraLanderová]

Unfortunately, only half the challenge is done in this tutorial so not really useful!

[bokanterodaniel]

Thanks for sharing. How did you handle the error message in case the user enters a wrong email?

[parthgoswami]

where's email validation? email in the card 2 and when clicked on dismiss it goes back to sign up page?

[ouss]

You need to change the desktop image to the mobile image to solve that issue