@roma-nikolaichuk
Newsletter sign-up form with success message (Mobile-first+BEM+SASS)
#animation#bem#sass/scss#accessibility
Oscar Vaquera
@vaqueraoscar0All comments
- @vaqueraoscar0
Great Job! The animation you added gave it a nice touch. I don't really see anything wrong with it, the only thing that i see that could have been improve was the input error message handler, but thats just preference, overall good job!
- @out0fSpac3@vaqueraoscar0
Nice! i haven't done this one yet but looks kind of fun. Your solution look amazing, one thing that i did notice is that your input (input-box) is a bit off and inside of your placeholder you added a big space to indent the text. What you could have done there is to add a padding, your solution currently has this:
HTML:
<input class="input-box" type="text" placeholder=" email@company.com" autocapitalize="none">
CSS:
.input-box {
margin-top: -10px;
margin-bottom: 10px;
opacity: 0.8; }
A Solution:
HTML:
placeholder=" email@company.com" <--- remove the space
CSS:
.input-box {
margin-top: -10px;
margin-bottom: 10px;
opacity: 0.8;
padding-left: 15px; <------------------- add a padding
}
Other than that great job! Hope this helps.
Marked as helpful
