Design comparison
Solution retrospective
Input validator with JS API
What challenges did you encounter, and how did you overcome them?Hiding form on large screen when hitting button, and still positioning the elements the way i want to
What specific areas of your project would you like help with?None
Community feedback
- @Grego14Posted 7 months ago
Hello! 🎉 congratulations on completing the challenge! 🎉
It is not necessary to specify properties again in the media query, since it already contains it,
@media screen and (min-width: 50rem) { main { /* display: flex; */ align-items: center; justify-content: center; } }
I do not recommend using units like vh, vw to specify sizes in elements, as it can cause overflow,
I recommend leaving the alt attribute empty if the image has no semantic meaning or is only for decoration.
add object-fit: cover property to the image so that it covers the entire space of its parent element.
I hope this helps! 😁
Marked as helpful1@KevinBlyweertPosted 7 months ago@Grego14 Thank you ^^ ! I've done some changes, I do not not understand how much I can struggle to make the elements fit perfectly.
1
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