Using Tailwind CSS Grid Classes

CSS Grid is one of the most useful features in CSS. Tailwind CSS Grid classes make it easy to create complex CSS Grid layouts with the clean CSS Grid classes it provides. To build a CSS Grid using Tailwind, we have to create a grid by using Tailwind's column and row classes. Here are the Tailwind classes needed to build a 3x3 CSS Grid: "grid grid-cols-3 grid-rows-3" CodePen: https://codepen.io/chris__sev/pen/MWjVgJK?editors=1000(https://codepen.io/chris__sev/pen/MWjVgJK?editors=1000) In Video: Chris Sev (https://twitter.com/chris__sev(https://twitter.com/chris__sev)) 0:00 Introduction 0:33 Docs Overview 1:10 Creating CSS Grids 1:40 CodePen Setup 2:06 HTML Setup 2:36 Grid Setup 3:23 Columns & Rows 5:40 Grid Gaps 6:15 Responsive 7:15 Spanning Columns and Rows 9:15 Conclusion To learn more about DigitalOcean: https://www.digitalocean.com/ Follow us on Twitch: https://www.twitch.tv/digitaloceantv Follow us on Twitter: https://twitter.com/digitalocean Like us on Facebook: https://www.facebook.com/DigitalOceanCloudHosting Follow us on Instagram: https://www.instagram.com/thedigitalocean We're hiring: http://grnh.se/aicoph1 #techtutorials #digitalocean #css #tailwind #htmlcss #html