Hi and thanks!
For the most part we are using TailwindCSS for the styling (padding, margin, shadows and etc). However, for the grid itself we are using vanilla CSS Grid (sorry I failed to mention that).
TailwindCSS does include utility classes for `grid-template-column` but the default settings only cover until 12 columns via the `grid-cols-12` utility class. So in this case we opted to go for vanilla CSS.
The `grid-column` and `grid-row` CSS properties are vanilla CSS Grid properties used to define the position of an element on the predefined grid. The predefined grid we defined as:
`grid-template-columns: repeat(18, auto) 1fr;`
Luckily for us, the json containing the data already contains the x,y-coordinates for each element and we only needed to set this for each element via the `grid-column` and `grid-row` properties and this is how we came up with the final layout.
You can also try to clone the GitHub repo to see if it works.
Hope this helps. Please let me know if you have any other questions.