<div class="gradient-pattern"></div>

body {
  padding: 1.5rem;
}

.gradient-pattern {
  background-color: #eaeaea;
  background-size: 20px 20px;
  background-image: repeating-linear-gradient(
      45deg,
      rgba(0, 191, 255, 0.5),
      rgba(0, 191, 255, 0.5) 1px,
      transparent 1px,
      transparent 15px
    ),
    repeating-linear-gradient(
      -45deg,
      rgba(255, 105, 180, 0.5),
      rgba(255, 105, 180, 0.5) 1px,
      transparent 1px,
      transparent 15px
    );
  height: 250px;
}