Sophie_Iowa
New Member
http://jsbin.com/uloyep/2If you check out the link above you'll see that the .content is centered horizontally and a .side element is fixed positioned to the left of .content. However, if you resize the window/viewport down to 1024 or less, you'll notice that the .content (900px wide) is still centered in the body's 1024px width limit and the .side is cut off. What I'd like to design is a centered .content with space remaining on the left of .content for the .side element when the window's width is <= 1024px.I've been playing with this for a while, and haven't been having any luck. I hope someone here would be more creative than me.You can edit the source of this jsbin at http://jsbin.com/uloyep/2/edit