Flexboxle

Flexboxle turns a front-end skill into a daily game. Each puzzle has a name (Frame, Arrow Down, Cathedral and so on), a Start panel with numbered coloured blocks and a Goal panel showing where those blocks need to end up. The site asks its server for the puzzle of your date, so everyone playing on that date gets the same layout.

You edit the markup in a code panel, switching between Tailwind classes and plain CSS, and can use Quick Add to insert common classes such as flex-col, gap-1 or justify-center. When you submit, the Result panel shows what your code produces and a row of eight squares marks each block: green for Perfect, in its exact place, and other colours for blocks that are close or wrong. You have six attempts, and a short note tells you how many are left.

There are stats with a streak and a guess distribution, a result you can copy or share on X, a dark mode and a help page for newcomers to flexbox. The first puzzles were published between late January and early April 2026; since then the same pool comes round again on later dates.

It suits web developers and students who want a few minutes of hands-on flexbox practice a day, and puzzle players who enjoy seeing code turn into layout.