<div class="corner"></div>
.corner {
  --s: 60px; /* control the size of the cut */
  height: 300px;
  margin-inline:max(20px,50% - 400px);
  background: repeating-linear-gradient(135deg,#C02942 0 15px,#53777A 0 30px);
  mask: radial-gradient(var(--s) at var(--s) var(--s),#0000 98%,#000) calc(-1*var(--s)) calc(-1*var(--s));
}

body {
  background: #ECD078;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.