Responsive Single Price Grid Component with hover effect using CSS

Community feedback

• 

  Carlos Jovel•30

  @iwannabaa

  Posted about 4 years ago

  I would use transform: scale() instead of changing the padding in the button on hover. Same spirit as the comment above.

  21
• 

  Carlos Jovel•30

  @iwannabaa

  Posted about 4 years ago

  One more thing: If you specify the attributes to transform in the .call-to-action a rule, it won't have that small weird effect at the beginning. You can use something like transition: transform 300ms ease, box-shadow 300ms ease;

  01
• 

  P

  Patrick•14,265

  @palgramming

  Posted about 4 years ago

  I would set your button size with a height and width so when you hover it and it enlarges then it does not effect the other content on the right side and the whole layout

  01