Different width on mobile?

[mikeman]

Hello, if you look on
http://bit.ly/Li14sS

if you see “90 Day Life Span” on top of the product images span the width of the image.

Then, if you shrink the window, it appears to expand the width of the image..

I tried min/max widths and everything but can’t figure it out

Any ideas? Thank you!

[iknowdavehouse]

You’re adding padding to container on the final media query. It’s pushing the internal div (header) out of the box by the same number of pixels as the padding.

When I remove this padding it jumps back up to 2 columns which would suggest you are breaking it down to 1 stacked column by making the panels too wide to contain 2.

In RWD you would normally do this by clearing a float.

[bizzr3]

hey mike , I remove the absolute position of life-span-man div and your boxes, displayed correctly when I shrink the window. :)

[mikeman]

ah… thanks Bizzr, this did it

Thank you as well ikdh

[Author]

Posts