A Ribbon title to the edge of the screen

May 08, 2023

Add a ribbon style to your title that extend to the edge of the screen.

Titles having a ribbon style that extend to the left edge of the screen

.ribbon {
  border-image: 
     conic-gradient(
       from 45deg at calc(100% - 1lh),
       #0000 25%,#C7F464 0
     ) fill 0//0 0 0 100vw;
}