Tailwind CSS Tips, Tricks & Best Practices

This is a cross-post from our Virtual EmberConf 2020 Tailwind CSS training! If you have questions, shoot us an email at hello@. You can find the training app on GitHub: 0:00 – Intro 1:00 – [1] Tailwind Refresher 14:40 – [2] Extracting Components, Not Classes 23:35 – [3] Tailwind-friendly UI Component APIs 33:14 – [4] Layout with Flexbox 41:50 – [5] Preserving Width with Flex Shrink 46:12 – [6] Laying Out Measured Typography with Flexbox 51:58 – [7] Layout with Grid 56:30 – [8] Spanning Multiple Columns with Grid 59:36 – [9] Working with SVGs 1:07:34 – [10] Practice with SVGs 1:10:05 – [11] Styling Forms 1:12:49 – [12] Writing a Custom focus-visible Tailwind Plugin 1:21:20 – [13] Maintainability with Different Responsive Layouts Follow me 👉 Twitter: ​ Website: ​