How to display a site based on the users device?

I have created a HTML + CSS project that displays in a desktop browser correctly. However, it will not display properly in another display size (such as mobile).

I have added the line of code:

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

However, there is no change when I configure the dimensions in the browser. Any help would be greatly appreciated.

Here is the fiddle:

https://jsfiddle.net/dwuL763k/



Read more here: https://stackoverflow.com/questions/66999195/how-to-display-a-site-based-on-the-users-device

Content Attribution

This content was originally published by bean at Recent Questions - Stack Overflow, and is syndicated here via their RSS feed. You can read the original post over there.

%d bloggers like this: