Two pure CSS Pride Flags

Pride is everyday. We're equal. And to show that i wanted to simply put a HTML Banner with a Pride Flag on the website. But i didn't want an extra Image, so these code samples create full-width pride flags by pure CSS and HTML.

Pride Flag #1

The "normal", "classic" pride flag, as you might call it.

Result:

Here's the code for that:

Pride Flag #2

The newer, more inclusive pride flag with the very well known chevron.

And here's the code for it:

You're loved. You're important. You matter. Have fun with these fairly easy CSS designs. 🙂