.search-results-page{
  .search-results-posts{
    padding: var(--space-xl) 0;

      h1{
        font-size: var(--font-lg);

        span{
          text-transform: capitalize;
        }
      }

    .grid{
      display: grid;
      grid-template-columns: 
        repeat(auto-fill, minmax(300px, 3fr));
      gap: var(--space-lg);

      padding: var(--space-lg) 0;
    }
  }

  .no-results{
    padding: var(--space-xl) 0;
  }
}