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

6 votes349 views5 answers
Object fit css
CSS
0 vote341 views1 answer
How to increase height of input box in css
CSS
1 vote334 views3 answers
Change scrollbar color
CSS
1 vote333 views1 answer
Bolock rotating the screen on your website with css
CSS
0 vote398 views1 answer
Bootstrap popover style width
CSS Bootstrap
0 vote325 views1 answer
Content visability auto
CSS
5 votes342 views2 answers
Css make input unselectable
CSS
5 votes313 views1 answer
Css assign multiple classes to one element
CSS
32 votes362 views6 answers
Css font face
CSS
222 votes523 views6 answers
Bootstrap CSS CDN
CSS