If you did not know, in CSS you can detect if the device you're running on has hover support or not (e.g. touchscreens) by using this media query:

@media (hover : hover) { ... }

or

@media (hover : none) { ... }

so you can handle the unavailability of hover effects even if you're planning to run on large tablets

#css #csstricks