<section>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam modi adipisci vel ipsum ab.</section>
<section>Aliquid alias non error culpa dicta veritatis suscipit odio neque autem sequi nostrum iure, debitis voluptas vero delectus dignissimos perferendis sit magnam asperiores, repudiandae sint tempora tempore commodi omnis. Exercitationem.</section>
<section>Magni repellendus dolor, magnam earum laboriosam ab est distinctio in id corporis, porro temporibus. Explicabo necessitatibus cumque, earum rem provident impedit! Dicta doloribus assumenda ipsam rerum! Placeat aliquam tenetur tempore.</section>
section {
  padding: 2rem 20%;
}

section:nth-child(2) {
  background: purple;
  color: white;
  clip-path: polygon(0 20%, 100% 0, 100% 80%, 0 100%);
  padding: 10rem 20%;
}

body {
  margin: 0;
  font: 20px/2.2 system-ui;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.

Packages

This Pen doesn't use any packages.