blog-preview-card by simple css styles

Community feedback

• 

  P

  Kamran Kiani•1,170

  @kaamiikPosted 10 months ago

  for the hover effect also add this

  h1:hover{
    cursor: pointer;
    color: hsl(47, 88%, 63%);
  }
  

  and also add this to change box shadow when hover over h1

  main:has(h1:hover) {
    box-shadow: 16px 16px hsl(0, 0%, 7%); 
  }
  

  0

  ---

  

  T

  Grace•31,090

  @grace-snowPosted 10 months ago

  @kaamiik no you must not do that! Never add hover effects to non interactive elements like h1s. The approach is fine but it must be on an anchor element otherwise you are indicating interactivity on a non interactive element

  1

  

  P

  Kamran Kiani•1,170

  @kaamiikPosted 10 months ago

  @grace-snow Yes, you’re right. I hadn’t paid attention to this point.

  0