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

2 votes325 views1 answer
White space in css
CSS
47 votes308 views6 answers
How to add a css file in html
CSS
0 vote301 views1 answer
How to remove table border in css for last child if rowspan
CSS
0 vote325 views1 answer
New line ::after class
CSS
0 vote308 views1 answer
How to add space inbetween lines in html
CSS
0 vote306 views1 answer
Position absolute above everything
CSS
15 votes317 views2 answers
How to make a div scrollable vertically
CSS
0 vote294 views1 answer
Materialize css icon
CSS Materialize
36 votes312 views4 answers
Text color as gradient css
CSS
7 votes312 views2 answers
Make all images same size css
CSS