Learning how Tachyons implements grids
Although Tachyons has not been actively maintained for a few years, it remains a popular framework that is loved by many. Its functional (as the developers used to call it) approach feels very much like a predecessor of Tailwind’s core principle of utility-first.
We can see the landing page of the Tachyons website in the following screenshot:
Figure 8.14 – The Tachyons landing page
A still-open pull request on GitHub from August 2022 implements support for CSS Grid but was never officially released. However, the latest stable version supports Flexbox, and the documentation offers examples of float-based grids built with utility classes.
Funnily enough, the Flexbox syntax is almost identical to that of Tailwind, and, according to the pull request, parts of the CSS Grid implementation would have followed suit.
Generally, Tachyons grids combine the fl class, which stands for float: left;, and a...
