Previewing with 100vh sections

To resolve this issue, you can utilize CSS media queries to reset the height of 100vh sections to 'initial,' specifically targeting larger screens or heights. This ensures that the original website remains unaffected, except when displayed on very large screens, which is likely to result in an improved user experience. Refer to the code example below for a practical demonstration of this solution.

@media (min-height: 1600px) {
  body {
    height: initial;
  }
  main {
    height: initial;
  }
  section {
    min-height: initial;
  }
}