Blog Preview Card using HTML and CSS

To enhance the card design challenge implementation, please address the following points:

1. Card Shadow on Hover: Ensure that the shadow of the card grows on hover as specified. You can refer to the active state file in your project's design directory for reference.

2. Unit Choice for Styling: Use rem instead of px for properties like width, height, margin, padding, and font-size to achieve better scalability and responsiveness. For instance, the following CSS demonstrates how to use rem units effectively:

   /* Use rem for Better Scalability */
   .container {
       font-size: 1rem; /* Equivalent to 16px */
       width: 57.4375rem; /* Equivalent to 919px */
       height: 31.3125rem; /* Equivalent to 501px */
   }
   

Hope it helps