There are no separate mobile and desktop versions of the website.
- A different layout for different screen sizes.
- A different interaction of the website with the user (mouse, touch screen, stylus, remote control).
These two parameters are independent of each other. There can be a large screen with a touch screen, or a mouse can be connected to a phone with a small screen.
By the way, in CSS there are also two different sets of @media rules for this:
- min-width, max-width, min-height, max-height.
- pointer, hover
Therefore, it is not necessary to decide how to interact with the website based on the screen size. Do not confuse these two concepts. The placement of website elements depends only on the screen size. Website elements should be able to respond to both touch events and mouse events.