Design comparison
SolutionDesign
Solution retrospective
any feedback are welcome!
Community feedback
- @SatheesAPosted almost 2 years ago
- your image is distorted and aspect ratio is not correct on mobile view. You should look into css properties
object-fit
object-position
. If you look at the original design images you can see the focus point on the image is different and they are not distorted - consider not stretching the image all the way to 750-800px. Maybe have a
max-width
on the card so it is not stretched as much. - you have nested
<a>
inside a<button>
That is not a best practise and should be avoided
Marked as helpful0 - your image is distorted and aspect ratio is not correct on mobile view. You should look into css properties
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