Viewport Height test

by Soviut

HTML

<div class="container">
  <div class="item">first</div>
  <div class="item">second</div>
  <div class="item">third</div>
  <div class="item">fourth</div>
</div>

CSS

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
}

.item {
  height: 100vh;
}

.item:nth-child(even) {
  background: cornflowerblue;
}

.item:nth-child(odd) {
  background: salmon;
}