---
title: Taking Flight with Tailwind CSS
summary: An introduction to utility class and component based styling, and how to soar with Tailwind CSS.
speakerdeck:
id: 10ca51f23560443d83b898a92929b4b3
ratio: "1.77777777777778"
image: taking-flight-tailwind.png
meta:
og:
description: An introduction to utility CSS and Tailwind.
type: website
image:
url: '/build/static/images/talks/taking-flight-tailwind.png'
width: 2560
height: 1440
type: 'image/png'
Things we’ll cover:
- Advantages and disadvantages to utility based styling and Tailwind.
- How to install Tailwind and add it to your build process.
- How to customise Tailwind.
- How to promote repeating classes into re-usable components.
Presented at the [Drupal Bristol](https://www.drupalbristol.org.uk) user group in January 2018.