Design comparison
SolutionDesign
Solution retrospective
I am learning responsive design and I faced difficulties in positioning the image and during resizing. If you find any mistakes in the site or in the code, please do mention it! Thank you!!
Community feedback
- @ranietoPosted about 1 year ago
The image gets squished at some resolutions. (One possible solution: use
object-fit: cover
on<img>
)The overlay bleeds out of the image when the screen is too wide. (Possible solution: change
max-width: 100%
forwidth: 100%
on the<img>
, just like it is on the overlay)Good luck!
Marked as helpful1
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