@tonyp89, I forked your jsfidlle to CodePen. Notice I am not using any horizontal padding on containers but control the horizontal spacing with left and right margins on elements within the containers. Also, the media queries have only min width and have em values. The actual values are reduced by 1em to account for vertical scroll bar width (not quite sure about this for hand held devices). If you decide to change base font size on html element to something other then 100% then you will have to adjust media queries min widths to account for that cause the em values are relative to base font size. I am sure other developers have other ways to do something like this which works best for them. Here is your forked fidlle to play around with.