Skip to content
Submitted about 1 year ago

Product Preview Card Solution

Walter Sosa•20
@swapuruguay
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Frontend Mentor - Product preview card component solution

Technologies:

  • CSS Grid
  • Flexbox
  • HTML
  • Media queries range syntax.

Community feedback

  • Joyal James•265
    @silkcoderPosted about 1 year ago

    Congrats for completing the task.

    I am adding a few points to improve your layout

    1. Mobile view need a different image.
    2. If you change mobile view orientation (rotate) then the layout breaks.
    3. Elements need position adjustments
    4. Text part need better width control on desktop view

    I also completed the same task today, have a look and let me know your comments, thanks

    All the best

    Marked as helpful
    0
    Walter Sosa•20
    @swapuruguayPosted about 1 year ago

    @silkcoder es verdad, no probé poner en landscape, en moviles portrait cambia la imagen.

    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