Product Preview Card HTML CSS

Thanks for the solution, and the typography looks great and the html looks very clean. To help with the responsive design try using the <picture> element, and swapping out the mobile image with the desktop image using <source>. Applying block-size: auto should also help the image maintain its correct sizing. To help with the responsive design try experimenting with the clamp() function for font-size, defining it in the html element in CSS. The web.dev link for responsive design given in the learning path had great explanations of these.