Using background-repeat: round; to get that repeated dot background to fit perfectly across differing viewport widths.

div {
  background-image: radial-gradient(red 1px, transparent 1.3px);
  background-size: 24px 24px;
  background-position: 0 0;
  background-repeat: round;
}