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

0 vote260 views1 answer
How to link css file nodjes
CSS
0 vote261 views1 answer
Animated progress bar css
CSS
0 vote288 views1 answer
Custom select dropdown css only codepen
CSS
0 vote233 views1 answer
Tailwind css absolute pin
CSS
3 votes282 views2 answers
How to make image not draggable in html
CSS
0 vote256 views1 answer
Add .css to CKEDITOR
CSS
1 vote253 views1 answer
Button background color remove
CSS
8 votes287 views4 answers
Css dark mode
CSS
0 vote262 views1 answer
Input on Internet explore has close icon
CSS
0 vote252 views1 answer
Como fazer listrada css
CSS