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

1 vote140 views1 answer
Border bottom under text only
CSS
9 votes143 views2 answers
Css style for the first element only
CSS
2 votes137 views1 answer
Three dots in css
CSS
6 votes150 views1 answer
Border-radius circle using %
CSS
0 vote134 views1 answer
Faunadb q.do
CSS
-2 votes140 views2 answers
How to add button in css
CSS
2 votes131 views5 answers
Figma
CSS
1 vote144 views1 answer
Ion-select background color
CSS
37 votes141 views1 answer
Trumping
CSS
32 votes297 views3 answers
Letter spacing css
CSS