All solutions

Finally finished up this project using CSS grid and flexbox. I used a lot of CSS selectors in this practice project. I also learnt how to use pseudo classes such as :not() and practiced mobile first design. My main question:

• How do I change the svg color on hover? I tried using fill but it doesn't work for this specific SVG file.

When creating this project I had issues centrally aligning the text elements. I checked line height but that was not the issue. For some reason the text content always had more spacing at the bottom. I compensated this by adding an extra padding at the top.

Although I haven't figured out why this is happening. Any deeper insights on this matter would be welcome.

My solution to the product preview card challenge.

Hi, everyone this is my solution for the challenge. A few questions I'd like to ask: How do I better handle responsive design of the card graphics and all the elements within? Handling font sizes with tailwind-css has been quite difficult for me. I've also used bg-image for the graphics. Is there any better way to do this?