Dot Grid Pattern

A subtle dot grid background pattern using only CSS gradients. No image files needed. Adjust the background-size for dot spacing and the circle radius for dot size.

.dot-grid {
  background-image: radial-gradient(circle, #333 1px, transparent 1px);
  background-size: 24px 24px;
}