Design comparison
SolutionDesign
Community feedback
- @hichamweblogPosted 9 months ago
Great job tackling this challenge! Here are some tips to improve it:
- Instead of fixed heights, consider using min-heights.
- Ensure responsiveness in landscape mode.
- Utilize the picture element with srcset to adapt the image according to media size.
- For mobile devices, the image should occupy the full width.
- On desktop, consider reducing the image size to just 50%.
Keep up the good work!
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