Here’s a builder I’m working on as part of a puzzle app 🙂 I should write a longer blog post about the project instead of just dropping surprise screenshots here, but I’m just having fun coding it! 😉
I created a Grid Component.
It accepts an array of arrays in order to structure the cells inside of it, and it automatically resizes to be as big or as small as I need it to be. The cells can contain anything, even other grids!
This is what using the grid looks like in React:
It outputs a table, which is great because coding what you see below by hand in HTML is the very definition of hell 🔥.
This was awful to style because tables kind of suck, so I stopped trying and came up with something else.
I made another version of it using divs and Flexbox in the end, and it’s actually beautiful!