Hello Everyone, Here is my own attempt of The Product Card Challenge . I Had a little challenge with the Mobile View. Though i tried to Fix it, i still feel like ,it could be better. i will like your suggestions and Answers after you have viewed my solution to the project..Thanks.
Great work! If you're looking for a feed back; I saw your live site, and noticed that there a very small gap from your image and the texts in the Mobile View. On the desktop view, there's a small height difference between the image and texts. You can check out the reports too on what you may still improve.
Love your work, I also had done mine, and would love to have your feedbacks. Have a great day.
Do you use mobile-first development or web-first development?
Your work is great. Sheesh. Regarding your question, i use mobile-first approach. The styles outside the media query are the global styles. In the media query then i will just change it if it needed to. (Got this work flow from the CSS God himself, Kevin Powell).
How to specifically put color in the image?
I used the 'background' property first, instead of the <img> tag tp put the image in a container. Then along with the URL, i used linear gradient that accepts values.
