After examining a list of resolutions for phones and tablets used by CSS designers, I came to the realization that some devices have larger resolutions than most computers. This got me thinking about how design elements on my webpage might be affected.
The issue at hand is with a small gadget on my page that moves the logo towards the mouse cursor, creating a neat effect on computers. However, this feature would not work well on tablets or smartphones due to their different resolutions. To address this concern, I disabled the gadget and replaced it with the static logo for smaller screens using media queries. But now I'm wondering if there's a way for the page, possibly through jQuery or another method, to detect when a user is on a tablet and adjust the layout accordingly.