
Submitted 3 months ago
Product preview card using flexbox and media queries
P
@WindowsM16a
Design comparison
SolutionDesign
Solution retrospective
What challenges did you encounter, and how did you overcome them?
well it took me too long so i'll work on that
Community feedback
- P@Lo-DeckPosted 3 months ago
Hi well done for this challenge, You can use picture tag to display different image depending on the size. Here a link : MDN.
<picture> <source media="(max-width: 799px)" srcset="your path" > <source media="(min-width: 800px)" srcset="your path" > <img src="your path" alt="your description" > </picture>
It's easier to start with a mobile-approach FreeCodeCamp.
Hope to be helpful.
1 - P@WindowsM16aPosted 3 months ago
thanks! i've been debating switching to that approach instead but i'm finding it hard, i'll work on that
0
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