I am having difficulty with responsive web page on smart phones.
I cannot seem to get the left margin right.
I want the page to be left aligned and not have so much whitespace and the text/buttons to be smaller.
I also have the problem with Chrome retrieving a new page each time.
So, I did some research, and found that if I used the following line -
<meta name="viewport" content="width=device-width, initial-scale=1">
it should clear the problem up with Chrome. But it is not working for me.
I have two css pages - and I was using just the following coding in my html pages:
<link rel = "stylesheet" type = "text/css" href = "../rainbowservicedogs/css/rwdgeneral.css" />
<link rel = "stylesheet" type = "text/css" href = "../rainbowservicedogs/css/rwdcss.css" media="screen and (max-width:500px)">
I have attached the css files and the main page...
the web site link is: www.htpp://mjsayers.com/index.html
Thank you in advance for any help and suggestions.