Css device orientation

/* For portrait, we want the tool bar on top */

@media screen and (orientation: portrait) {
  #toolbar {
    width: 100%;
  }
}

/* For landscape, we want the tool bar stick on the left */

@media screen and (orientation: landscape) {
  #toolbar {
    position: fixed;
    width: 2.65em;
    height: 100%;
  }

  p {
    margin-left: 2em;
  }

  li + li {
    margin-top: .5em;
  }
}

Source: developer.mozilla.org

Similar codes

22 votes278 views2 answers
Disable highlight css
CSS
0 vote305 views1 answer
Hover media query
CSS
0 vote308 views1 answer
JavaScript find common characters between the strings
CSS
8 votes303 views4 answers
Aos css animation
CSS
0 vote325 views1 answer
Float pb
CSS
8 votes281 views5 answers
Css multicolor background
CSS
1 vote313 views1 answer
Linux remove files except
CSS
0 vote289 views1 answer
Lier class et css
CSS
36 votes302 views6 answers
Css gradient
CSS
0 vote291 views1 answer
Repeating-conic-gradient css
CSS