This is just a quick demo of Tailwind where I rebuilt one of the FreshBooks pages as my process of actually learning how to use Tailwind. This is of course not an exact copy, but it's pretty close. I didn't bother changing the colors to match exactly and some of the spacing isn't exact either. I also didn't build the table at the bottom of the page. I did, however, make some improvements to the mobile view, so that'll look a little different from the real, live page.
I did make a few tweaks to the tailwind.js
config file to add a few extra widths and things, but other than that, it's a pretty standard config. Sorry I didn't commit the initial config so that you could see a diff of my changes, I was being lazy. :)
git clone git@github.com:joeybeninghove/freshbarks-tailwind-demo.git
bundle install
yarn install
bundle exec rails db:migrate
bundle exec webpack
bundle exec rails server
Then just visit http://localhost:3000 to view the page.