<div class="grid">
  <h1>Фон для сайта в пиксельную клетку где взять?
  </h1>
  <a class="follow-me" href="https://qna.habr.com/q/769343" target="_blank">Фон для сайта в пиксельную клетку где взять?</a>
</div>

@mixin grid {
  &::before {
    position: absolute;
    width: auto;
    height: auto;
    z-index: 9999;
    content: "";
    display: block;
    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    background-image: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.2) 1px,
      transparent 1px
    );
    background-size: 16px 100%;
  }

  &::after {
    position: absolute;
    width: auto;
    height: auto;
    z-index: 9999;
    content: "";
    display: block;
    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    background-image: linear-gradient(rgba(0, 0, 0, 0.2) 1px, transparent 1px);
    background-size: 100% 16px;
  }
}

.grid {
  @include grid();
}