Submitted over 1 year agoA solution to the Product preview card component challenge
responsive page using grid, flex, @media and tag
@raficode2303

Solution retrospective
What are you most proud of, and what would you do differently next time?
- learnd about
,tags. - how to use
srcsetattribute images for different devices - to use
@mediain `` tag - it took me more hours than what i was expected
it was a challenge to ensure correlation between the @media break to change image, and the grid break from 1 column to 2 columns. to overcome it i used the browser DevTools to check the result and tune it in the browser
What specific areas of your project would you like help with?none
Code
Loading...
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on rafi b's solution.
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