# Quick Start with Next.js 13 and Tailwind CSS

Read Page 5 of [Modern CSS with Tailwind, Second Edition](https://pragprog.com/titles/tailwind2/modern-css-with-tailwind-second-edition/)

    Create Root app/page.tsx

To get a basic understanding of Flex layout checkout this [ChatGPT Conversation](https://sharegpt.com/c/Q07icbf)

Read page 6 of [Modern CSS with Tailwind, Second Edition](https://pragprog.com/titles/tailwind2/modern-css-with-tailwind-second-edition/)  and create this page.tsx:

    app/ver1/page.tsx

Read page 7 and 8 of [Modern CSS with Tailwind, Second Edition](https://pragprog.com/titles/tailwind2/modern-css-with-tailwind-second-edition/) and create this page.tsx

    app/ver2/page.tsx

Now read Chapters 2 and 3 of [Modern CSS with Tailwind, Second Edition](https://pragprog.com/titles/tailwind2/modern-css-with-tailwind-second-edition/) to understand the basics of Tailwind CSS.