Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Design breaking rotating from portrait to landscape mode

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #196950
    colette
    Participant

    I have media queries for ipad in landscape and portrait mode to position elements a certain way in each view(landscape and portrait). I have everything looking the way it should, but the design breaks when I rotate from portrait to landscape. The proper layout will comeback if I refresh while on landscape, but I’m not understanding why it’s breaking from portrait to landscape. And I have no problems when rotating from landscape to portrait.

    Specifically, this is whats beraking

    It stays to the left of the screen when going back to landscape mode.

    Here’s a link to code pen with the code http://codepen.io/anon/pen/LErOXb

    Help!

    #196970
    colette
    Participant

    Thanks for replying.

    I was able to figure it out through stack overflow. I needed to give the elements top and left properties which I overlooked in the media querie.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.