Design comparison
SolutionDesign
Solution retrospective
Responsive designs for this challenge is pretty fun to work with I have to say.
Apart from that, still have a few to-dos left for this one:
- Create a proper email input and button.
- Do a proper JS validation implement.
Let me know what else I can improve for this one as well, guys! Thanks!
Community feedback
- @hmadamkPosted about 2 years ago
- Well done, I have only seen few actually making this challenge this good
- one small note is that buttons and links must have a text if not you need to add an aria-label like so
<button aria-label="some describtion"><i class="fa fa-"></i></button> <a aria-label="some describtion"><i class="fa fa-"></i></a>
you don't need to use a label for the input science you are adding a button try and labels need only one either an input or a button because the link to it the solution would be
<div class="label"> <input aria-label="enter your email" placeholder="Email Address" /> <button aria-label="send the email" type="submit"><i class="fa fa-"></i><button> </div> .label{ position:relative; display: inline-block; } input button{ position:absolute; }
hope this help
- note this is not the most perfect way and I don't know if there is a one, this is the way I found to be well enough
Marked as helpful0
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