CSS and html not rendering well on mobile
I have a page i've created which works fine in a desktop but get's messed
up in a mobile browser.
This is the desktop version.
This is the mobile version. I have a header and a .container(the one with
gray background) set to width 100%. Inside .container i've a .wrapper set
to width: 900px; and margin: 0 auto;. Why is the blue background and the
gray background rendering till about half of the page witdh? What is the
best way I can approach the problem to create a page like the desktop
version on the mobile as well?
Codepen link http://codepen.io/tim-hoff/pen/ytGEw
No comments:
Post a Comment