Skip to content
Submitted about 2 years ago

Product preview card component - Responsive by using a grid

accessibility, bem, sass/scss, animation
Daniel Barda•240
@daniel-barda
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Perfectly responsive by using a grid without using media query.

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Michał•290
    @Michal-Majchrzak

    Hey Daniel 👋

    I like Your approach to layout changes by using Grids it is interesting idea and something that I would like to experiment with. 😄

    One thing I would suggest, to improve Your solution, would be to use picture element to change product image based on screen size.

    Have a nice day and Happy Coding 💻

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