Optimize my website for above 1024 resolution

Question

My website is not working properly on above 1024 resolutions even though my div containers has it's width set to 100vw. When I view it on large displays the div container looks small. From what I know 100vw is 100% width of the screen. Can someone explain it.

Answer 1

@media (min-width: 1024px) {
  .container, .container-sm {
    max-width: 1024px;
  }
}

This is the reason it wont grow above 1024px until it reaches 1140px.This is by default media query for container in bootstrap.