Adam Wathan announced the release of Tailwind 1.2 which brings support for CSS grid, transitions, and transforms, with a bunch of other new features:
Tailwind CSS v1.2.0 is now available!
Includes support for CSS Grid, transitions, transforms, and tons more
Check out the release notes for all of the details:https://t.co/Xc9IB2WOSe
Docs are updated too! pic.twitter.com/t66kCEksKV
— Adam Wathan (@adamwathan) February 5, 2020
Here’s a quick example (from the release notes) of what’s possible with Tailwind’s CSS grid support :
<div class="grid grid-cols-2 lg:grid-cols-8 gap-6"> <div class="col-span-1 lg:col-span-3"></div> <div class="col-span-1 lg:col-span-3"></div> <div class="col-start-1 col-end-3 lg:col-start-4 lg:col-end-8"></div> <div class="col-span-1 col-start-1 lg:col-span-4 lg:col-start-2"></div> <div class="col-span-1 col-end-3 lg:col-span-6 lg:col-end-9"></div> </div>
Here’s an example of the quality you can expect in the updated docs for CSS grid, transform, etc.:
- Senior Full Stack Engineer - Laravel
- Laravel partner seeks Lead Developer
Kirschbaum Development Group
- Senior Programmer **Immediate Opening** (send resume to email@example.com)
- Senior Developer/Team Leader
- Senior Backend Software Engineer- Laravel
Join 31,000+ others and never miss out on new tips, tutorials, and more.