Account Deleted
Hey 👋,
Great work on this challenge. The design and form validation is working fine, good job! The reason why the submit event is not working is because in your function submitEmail
you have placed the event.preventDefault()
after the if
statement. The function is not able to reach that line of code because of the default behaviour of the form submission so perhaps placing it at the top might help resolve the issue.
Your second issue regarding object-fit: cover
- The property itself is used to contain the image within its parent container. As the parent container resizes so does the image. You can use max-width
and min-width
to control the sizing of the image through media queries or use a responsive unit like REM or % to have the image resize accordingly. Here are some useful articles that might help clarify things -
@Ax-cd
Posted
Hi @ktra99 ! I tried to place event.preventDefault() at the top as you said, unfortunately it doesn't work either :/ And for object-fit:cover - The <picture> wasn't placed within a landmark and it caused an accessibility issue, so I ended up using the position:absolute and changed the media-queries; but thanks for the articles they clarify a few things that I will use for future projects :) Thank you for the feedback!