P
Karol Majerczyk• 20
@KarolMajerczyk
Posted
Add border-radius on the whole card element and just use the property overflow: hidden.
Marked as helpful
1
Design comparison
Solution retrospective
I'm unable to create Responsive image edges
Community feedback
ericabao• 40
@ericabao
Posted
Great job on your solution!
- On mobile you should apply border-radius on top-left and top-right only for the image.
- On desktop apply border-radius on top-left and bottom-left for the image off course.
Good luck and happy coding.
1
Bill McDavitt• 460
@BMcdavitt
Posted
Hello, great job on this solution!
You could look into using @media queries as a way to control what edges of the image to apply the radius to.
Good luck and happy coding.
1
Please log in to post a comment
Log in with GitHub
Join 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