# TailWind CSS with Next.js 13 apps

[Tailwind CSS](https://tailwindcss.com/) is a utility-first CSS framework that works exceptionally well with Next.js.

[Installing and Configuring TailwindCSS with Next.js 13](https://nextjs.org/docs/app/building-your-application/styling/tailwind-css)

Do [step00_helloworld in tailwind folder](./01.tailwindCSS/step00_helloworld/) to learn how to use Tailwind CSS with Next.js 13

Then we will cover the first 8 chapters of the book [Modern CSS with Tailwind: Flexible Styling Without the Fuss 2nd Edition](https://pragprog.com/titles/tailwind2/modern-css-with-tailwind-second-edition/)

Then we will learn layouts with CSS Flex and Grid using Tailwind CSS from this [CSS Flex and Grid book](https://shrutibalasa.gumroad.com/l/css-flex-and-grid)

[Business Landing Page using NextJs 13 & Tailwind CSS from scratch](https://www.youtube.com/watch?v=6mQ3M1CUGnk)

[Article on FlexBox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)

[Watch this Video to understand Flexbox](https://www.youtube.com/watch?v=X6FIydgCzzY)

[Play Frog Game to Learn Flex](https://flexboxfroggy.com)

Additional Material:

[Watch Tailwind CSS Full Course for Beginners](https://www.youtube.com/watch?v=lCxcTsOHrjo)

