Responsive Web Design

div {
  height: 100vh;
  background-image: url('https://images.pexels.com/photos/371589/pexels-photo-371589.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=800');
  background-size: cover;
}


div {
  height: 100vh;
  background-image: url('https://images.pexels.com/photos/371589/pexels-photo-371589.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=800');
  background-size: cover;
}
@media screen and (orientation: portrait) {
  div {
    max-height: 400px;
  }
}
