Installation

You can download the stylesheet here:
row-column-center.css

or

If you are already using Tailwind you can just grab the plugin from npm:
npm install @ape-egg/tailwind-rows-columns


And insert it into your tailwind.config.js-file:
import tailwindRowsColumns from '@ape-egg/tailwind-rows-columns'; export default { content: ['./src/**/*.{html,js,tsx,ts}'], theme: { extend: {} }, plugins: [tailwindRowsColumns] };



Final words

I hope you enjoyed it—or even learnt a thing or two here.

As a frontend developer it's easy to get zoomed in on the specific task at hand while trying figuring out the correct combination of CSS properties to get something to look the way you want. After all this is the art of the craft.

Working with rows and columns does take away some of that spontainous creativity. But as we know, the layout is just a tiny fraction of what goes into building an entire website.

I'd love to hear your thoughts on this.
Best regards Kim Korte / korte.kim

Other projects & socials

github.com/kkortes
twitter.com/kortekim
worldseed.eu (browser game)
World Seed on Steam
crow.korte.kim (part of the inspiration for this)