Responsive signup page made with HTML, CSS Grid, and JavaScript
Design comparison
Solution retrospective
Using CSS Grid is still not intuitive for me but getting easier. I know my styling for this challenge is a bit off. I was happy to finally use some JavaScript in a challenge. That part was much easier for me than the styling.
I took accessibility into account and read lots of the comments that Grace made to other peoples solutions. For the email input, the label was not used in the design and I hide it in a way that screen readers will still pick up on. I also put the hero image in an <aside> element. A screen reader will "see" this as a complementary image.
Let me know what you think!
Community feedback
- @amyspencerprojectPosted over 1 year ago
I updated my JS to put the eventListener on the form instead of the button!
0 - @jose-jimmyPosted over 1 year ago
This comment was deleted over 1 year ago
0@amyspencerprojectPosted over 1 year ago@jose-jimmy Thank you for looking at my code! I am going to keep the red color that is shown in the design. While adding some green might help the user understand that their email was accepted I don't like to go outside of the colors in the design.
0@jose-jimmyPosted over 1 year ago@amyspencerproject I am sorry, I was trippin or something, I thought that it was in the design. Sorry for the trouble.
0@amyspencerprojectPosted over 1 year ago@jose-jimmy It is no trouble at all! Happy Coding!!
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