checking for user's screen resolution

Issue

I'm learning to create a website and I'm trying to make it look slightly different depending on the viewer's screen resolution. Maybe find out if they're viewing the website on a phone so that I can change the layout of the website to a vertical layout or if they're using a laptop and change the layout of the website to a horizontal layout. Perhaps if the ratio of the vertical resolution over the horizontal resolution becomes greater than a certain limit then the website changes its layout? Any suggestions on how I can do that or other ways to make the website look different based on the screen that it is being viewed on?

Solution

There is multiple ways to do that.

The easieast Media Query: https://www.w3schools.com/css/css_rwd_mediaqueries.asp

The next by JS: How to detect a mobile device using jQuery

Answered By - Schwarz Developing