# The Box with Next.js 13 and Tailwind CSS

In this step we will look at ways you can use Tailwind to control
the display of a single DOM element.

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

    Create Root app/page.tsx

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

    app/ring/page.tsx

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

    app/shadows/page.tsx

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

    http://localhost:3000/gradients/page.tsx

Now read Backgroud Images and Filters from page 36 to 40 of [Modern CSS with Tailwind, Second Edition](https://pragprog.com/titles/tailwind2/modern-css-with-tailwind-second-edition/).