Blog preview card using pure HTML and CSS

Community feedback

• 

  Grego•1,310

  @Grego14Posted 7 months ago

  Hello! 🎉 congratulations on completing the challenge! 🎉

  If the image has no semantic meaning or is only for decoration you can leave the alt attribute empty.

  Don't skip the headings, you have an h1 and an h3, you should have an h2 before the h3.

  The transition must go in the element itself and not in the state of the element, example:

  .main{
    transition: box-shadow 0.1s ease-in-out;
  }
  
  h1{
    transition: color 0.1s ease-in-out;
  }
  

  not

  h1:hover{
    transition: color 0.1s ease-in-out;
  }
  

  To make the title change color when you hover over the card you can use this selector:

  .main:hover h1 {
    color: hsl(47, 88%, 63%);
  }
  

  There it would be selecting h1 when the .main has its hover state active.

  I hope this helps! 😁

  Marked as helpful

  0