Alvaro Montoro

June is Pride Month. In this article, I explore several LGBTQ+ flags, how to recreate them using CSS and a single HTML element (fully responsive so they could double as icons), and share the history behind some of them.
https://alvaromontoro.com/blog/68009/lgbtq-flags-coded-in-css

#css #webDevelopment #PrideMonth #CSSArt

LGBTQ+ Flags Coded in CSS

What different LGBTQ flags mean and how to code them with CSS and a single HTML element. A little bit of history and a little bit of tech for this Pride Month. :: Blog post at Alvaro Montoro's Personal Website.

Jun 1 at 9:06pmWeb
Show threadAshur CabreraJun 2
@alvaromontoro these are great, and the Pride of Africa flag looks incredible! 💫
Show threadPatrick PrémartinJun 11

@alvaromontoro Thanks for this work, it's a very good idea and a good CSS course !

Just a fix for the aria-label attribute of the traditional flag 🏳️‍🌈 : you said "vertical" but it's "horizontal".