CSS target all mobile devices

CSS target all mobile devices

@media (pointer:coarse) {
/* custom css for "touch targets" */
}

@media (hover: none) { 
/* custom css for devices where the primary input mechanism cannot hover at all or cannot conveniently hover
}

@media (hover:none), (hover:on-demand) { 
/* custom css for "touch targets" */
}

/* credit: https://stackoverflow.com/questions/12469875/how-to-code-css-media-queries-targeting-all-mobile-devices-and-tablets/29307143 */