Submitted 4 months ago

Newsletter sign up

Mihai Niculae• 250

@mihainrs

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Newsletter sign-up form with success message

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I managed to get the email verification JS part to work all by myself this time! Of course, using a regex example I found online as I'm not familiar with that yet-

What challenges did you encounter, and how did you overcome them?

I have used view width and height width a bit too much I believe, for certain elements that didn't even need them, just to see how it all works together. It kind of messed up my project's picture on smaller screens, so I had to overflow hidden it. I would've used pixels and such, but I wanted it to be responsive and change itself on its own when the screen width would change and all.

What specific areas of your project would you like help with?

Any feedback helps!!

Community feedback

Nature Son• 1,100

@NatureSon22

Posted 4 months ago

I noticed you used IDs for styling which is generally not recommended because IDs have the highest specificity in CSS. This makes it difficult to override styles and can lead to issues. Instead, it's better to use classes for styling as classes are more flexible and easier to override. For more information, you can look up CSS specificity.

Mihai Niculae• 250

@mihainrs

Posted 4 months ago

Hey @NatureSon22 !

Thanks for pointing it out! I've used to work with classes mostly in my past projects, but now having to deal with JS as well, I found it easier to just go for ID's for certain elements as long as they don't recur in my HTML, and at the same time I thought I could get more used to it given how I barely used them before.

I'll definitely look into specificity and see how it all works, thank you for the pointers!

Please log in to post a comment

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