Blog Preview Card using HTML and CSS

Community feedback

• 

  Ranit Manik•880

  @RanitManikPosted 5 months ago

  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

  Marked as helpful

  0

  ---

  

  LucasNgTg•210

  @LucasNgTgPosted 5 months ago

  @RanitManik Thank you for the feedback! Hadn't even noticed the shadow changing in the picture.

  0