The @media Rule

Resize the browser window. When the width of this document is 600 pixels or more, the background-color is "lightblue", otherwise it is "yellow".

  <style>
    body { background-color: yellow; }

    @media only screen and (min-width: 600px) {
      body { background-color: lightblue; }
    }
  </style>

The Google Pixel 3 XL screen is 1440 pixels wide. It features a 6.3-inch P-OLED display with a total resolution of pixels.

Key display specs for the Pixel 3 XL:

Resolution: 1440 x 2960 pixels
Width: 1440 pixels
Height: 2960 pixels
Density: ~523 ppi