you need to remove the height: auto
from your container in the mobile layout you end up with your layout not extending the full height of the browser window
Marked as helpful
Hi everyone, this is my solution to the challenge. I tried to follow the methodology BEM, I don't know if I applied it correctly. If possible, I would like to receive feedback on things that I can improve and that I can correct if I have any errors. Thank you all.
@ApplePieGiraffe
Posted
Hey there, Jacqueline dos Santos Braga! 👋
Good work on this challenge! 👍 Your solution looks pretty nice and is responsive! 😀
I suggest taking a look at your solution report and trying to clear up some of the errors that are there in order to improve the accessibility of your solution. It looks like you need to identify the input elements in the form in some way (you could use the <label>
element of the aria-label
attribute).
Also, it would be nice if the error messages for the form fields were taken away when new input is entered into them. Currently, the entire form has to be filled out correctly in order for the error messages to disappear, meaning an error message may still be displayed for a form field that actually has new, valid input in it. 😉
Keep coding (and happy coding, too)! 😁
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