Skip to content
Submitted over 1 year ago

responsive landing page product

Lucas Gomes•50
@luccaao
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)
Code

Please log in to post a comment

Log in

Community feedback

  • Hicham Abderrahim•280
    @hichamweblog

    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 helpful

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