Grow your CSS skills. Land your dream job.

Different width on mobile?

  • # May 14, 2013 at 2:48 am

    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!

    # May 14, 2013 at 4:31 am

    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.

    # May 14, 2013 at 5:00 am

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

    # May 14, 2013 at 12:48 pm

    ah… thanks Bizzr, this did it

    Thank you as well ikdh

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".