Submitted about 1 month ago
Responsive page with basic form validation.
@Princesval
Design comparison
SolutionDesign
Solution retrospective
What challenges did you encounter, and how did you overcome them?
This one was tricky. I struggled with two parts. The first was the position of the images inside the input element. The second was how to position the image and make it resize on different screens. I solved the first issue by using relative and absolute positioning (which is something I'm not very comfortable with yet). For the second, I created two divs to show or hide the image depending on the screen size. I also had to use a background image instead of the img tag to make the image cover the space, and I had to adjust it using @media queries.
Community feedback
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