CSS #200

Who would have known 3 years ago that the experiment that is comiCSS would reach 200 cartoons? I wasn't so confident that it was going to reach a full year in all honesty.

This cartoon #200 is also a nerdy parody of a chart presented in the TV show Parks and Recreation (that finished 10 years ago this year, so we'll take it as an homage and not plagiarism :P)

In the Parks and Recreation show, the character of Ron Swanson presents the Swanson Pyramid of Greatness to some school kids that want to play basketball. This is the original from the show:

For the #200 edition of comiCSS I wanted to do something memorable and fun. It may not be memorable, but it was fun for me, even to code it.

It is fully coded with HTML and CSS. I wouldn't consider much of CSS Art, but as a website. The code is actually pretty simple: a list of elements styled with CSS to make a grid look like a rectangle. Could it be simplified? Possibly. Will I do it? Nope (Or should I say Knope?)

Anyway, it's silly but I like the idea. You can check the source code and live demo on this private CodePen.