Responsive Advice Generator App Built With Reactjs

Community feedback

• 

  Aadvik•1,250

  @Aadv1kPosted over 2 years ago

  hey man great design, just one small suggestion, (this is something even I do and am trying to avoid) that is hover, I would say you should add a :active animation to your button to make it clicky both on mobile and deskop. The problem with a hover is that it is sticky on mobile, which makes it irritating, in my newer projects I avoid using hover in most cases, especially where the effect is visible (box-shadow for instance) instead I try and add active animations that trigger when the button is clicked.

  Marked as helpful

  1

  ---

  

  serfoll•120

  @serfollPosted over 2 years ago

  @Aadv1k hi, man thanks for the great input. Yes I did notice that and it was annoying was wondering how to fix that. I might have gotten an idea now, and I actually thought the :active was the culprit since I did use both it and hover. Will have to play around with it a bit more, maybe disable hover using media query break points?

  Have a good one, 🍻

  1

  

  Aadvik•1,250

  @Aadv1kPosted over 2 years ago

  @serfoll yup! that is actually a good option using @media (hover: hover) will only trigger your hovers on devices that support real hover, I just avoid using too many (or too intruisive) hovers altogether, althought this is a good option; also, active is only triggered when your finger (or cursor) is on the actual button.

  Marked as helpful

  1

  

  serfoll•120

  @serfollPosted over 2 years ago

  @Aadv1k then it's definitely hover bugging out. I have now fixed it and published the changes. Could you check for me if the issue still remains?

  0