search

philipwalton / solved-by-flexbox

A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox.
https://philipwalton.github.io/solved-by-flexbox/
MIT License
13.01k stars 1.01k forks source link

[additional example] Tournament Bracket #15

Open aronduby opened 10 years ago

aronduby commented 10 years ago

After spending a lot of time this weekend looking into how people render tournaments I decided I didn't really like them, so I set out to do it with flexbox and I love the result, figured I would pass it on. I'm not real experienced with git and pull requests but here's the codepen for the solution. http://codepen.io/aronduby/pen/qliuj

knpwrs commented 10 years ago

I would be willing to put this together for the site if there is interest.

philipwalton commented 10 years ago

I think what @aronduby did is pretty cool, but I'm not sure it qualifies as a 'common layout problem'. I want to prevent this site from becoming a showcase of flexbox designs, but I can see how some things may be a gray area.

What do you guys think?

knpwrs commented 10 years ago

Maybe start to break off into more categories, while having common layout problems remain the primary focus.

stucox commented 10 years ago

Or a "more demos" section and link to his CodePen?

philipwalton commented 10 years ago

I could get behind something like a "Flexbox in the Wild" section that lists sites or demos using flexbox in really interesting or well-done ways.

We'd probably need at least 5-10 to get started. Does anyone have any recommendations other than this tournament bracket pen?

sethjgore commented 10 years ago

I've written my website entirely with philipwalton's grid system. You could use that if you wanted. Flexbox is truly awesome.