I’ve been working on creating a tournament bracket program (hopefully in the form of a plugin) lately just as a for fun project. Below is the basic HTML and CSS for it. It’s modeled of the tournament’s from Team Liquid’s Liquipedia (competitive StarCraft 2). As I get more done like the automation and such I’ll post more.

See the Pen Tournament Brackets by Alex Dobson (@SufferMyJoy) on CodePen.

As always thank you for reading and please share it around as much as you can! Please feel free to put any suggestions or ideas for future tutorials in the comments section below. I have a few pet projects that I will be posting about more in the future so stay tuned for those!