Design comparison
Solution retrospective
.the hover effect aint responsive . cant find a way to separate label and input . then the mobile version .and the cursor too
Community feedback
- @MaximilianoDanielGarciaPosted about 1 year ago
Hi Beth, good job!
Let me give you some suggestions for improvement. First, you don't need to add
overflow: hidden;
anddisplay: block
to the body tag styles. To center the component use this:body { display: grid; place-items: center; min-height: 100vh; }
Your email input and label are overlapping because you have a negative margin top in
#bottomer
. You should to change it to a positive value.Try to style your hover button with gradient colors, check this resource w3schools - CSS Gradients.
One important thing, I need to validate your form, check this site for more information about how to do it w3schools - Form Validation .
I hope these are helpful to you.
0
Please log in to post a comment
Log in with GitHubJoin 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