Only Media Query

Solution retrospective
Again, I had a little difficulty positioning the elements, but it served as a lesson for further research and I understood better how display blocks, inline and inline blocks work. Other than float and friends.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @rachit0706
Also, you can use <picture> element for different screen sizes instead of media queries. Like below-
<picture> <source media="(min-width: 600px)" srcset="desktop.jpg"> <img src="mobile.jpg"> </picture>
- P@debjit
Hey, Grande Soldador, You made a really nice card. Good work. However, I should mention some areas for development. Your card needs to have a margin added to it for mobile so that space can be left around it. For further explanation, watch Kevin Powell's YouTube video, "Responsive Product Card Component - Frontend Mentor Challenge," in which he explains this in great detail. He literally just posted an hour ago. Best of luck for your next challenge.
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