Forums

Give help. Get help.

  • TWG
    # October 3, 2012 at 1:17 pm

    I’m not sure if this would be a CSS or JavaScript question, so please forgive me if it’s in the wrong place.

    Anyways, I have two divs that have equal width and are side by side. Lets call them div1 and div2. Div1 being on the left and Div2 being on the right. How could I make Div2 move above Div1 after my browser window has been resized or viewed on a small enough mobile device?

    I know in CSS I can use @media only screen and (min/max-width: —px) to change the setup of the divs based on screen size but I didn’t know if I could make a div show above another one instead of below with css or would I have to use some javascript.

    # October 3, 2012 at 1:32 pm

    It’s a cheat really.

    If you float them both RIGHT and put them in your HMTL in the wrong order (i.e. DIV 2 first) it works.

    http://codepen.io/Paulie-D/pen/fGBaF

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

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag