CSS Full Background

full-background.css

/**

https://twitter.com/challengescss/status/1534494160589307904?s=21&t=0YATrbqVwq4M-9hhSZO2nQ

<div class="container">
  <section class="about">
    <h2>About us</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, quo, rerum. Itaque iure cumque corrupti deleniti blanditiis similique, accusamus veniam placeat rerum! Est debitis quae voluptatem itaque reiciendis consequuntur earum.</p>
  </section>
  <section class="products">
    <h2>Porıducts</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa autem numquam, corporis quasi minus quae nisi unde officiis quo, non voluptatem? Cupiditate illum, accusantium omnis corporis quas dolorem sunt odio.</p>
  </section>
</div>

*/

.container {
  width: 50%;
  margin: 0 auto;
}

.products {
  padding: 50px 0;
  background: gray;
  box-shadow: 0 0 0 100vmax gray;
  clip-path: inset(0 -100vmax);
}