What is the media query for large desktops?

Question

I am using media query for normal desktop screen and idt should not applicable for larger screens. But below media query applied to large desktop screen also. Please correct my media query, For all help thanks in advance.

@media (min-width: 992px) and (max-width : 1200px){//This should work for Normal desktops(15 to 18 inch) only.
}

Answer 1

The challenges of optimizing for large-scale displays center around how to scale and manage content. You need to assume screen width at certain points.

Example: for class "container"

@media screen and (min-width: 1400px) {
  .container {
    width: 1370px;
  }
}
@media screen and (min-width: 1600px) {
  .container {
    width: 1570px;
  }
}
@media screen and (min-width: 1900px) {
  .container {
    width: 1870px;
  }
}