3 Column Card Component 🎯 [ SEMANTIC MARKUP - BEM - VANILLA CSS3 ]

Community feedback

• 

  Mukwende•1,370

  @mukwende2000Posted over 1 year ago

  That is really great work from you You forgot to add a cursor pointer on the buttons. And notice how when you hover over buttons it shakes or moves a little, that is because a border takes up space in the document. To fix i'd suggest you use outline instead which doesn't take up space. so instead of

  .container__section-action:hover{
      background: unset;
      border: 1px solid var(--light-grey);
      color: var(--light-grey) !important;
  }
  

  Do

  .container__section-action:hover{
      background: unset;
      outline: 1px solid var(--light-grey);
      color: var(--light-grey) !important;
  }
  

  Great job overall, and i love your dedication to fronted mentor i see your comment like almost every time i log in on people's projects,

  Marked as helpful

  3

  ---

  

  Abdul Khaliq 🚀•72,480

  @0xabdulkhaliqPosted over 1 year ago

  Thanks for noticing that issue @mukwende2000, i will try to resolve it as soon as possible

  2
• 

  Aram Nayebbandi•510

  @devaramnyePosted over 1 year ago

  why did you used twice id="sedans-section-heading" & id="luxury-section-heading" for headings and once aria-labelledby="suv-section-heading"? only a question for my understanding

  0