Grid Auto Rows

v1.9.0+

Utilities for controlling the size of implicitly-created grid rows.

Use the utilities to control the size implicitly-created grid rows.

For more information about Tailwind’s responsive design features, check out the Responsive Design documentation.

By default Tailwind includes four general purpose grid-auto-rows utilities. You can customize these in the section of your tailwind.config.js file.

Learn more about customizing the default theme in the .

You can control which variants are generated for the grid-auto-rows utilities by modifying the gridAutoRows property in the variants section of your file.

For example, this config will also generate hover and focus variants:

Disabling

If you don’t plan to use the grid-auto-rows utilities in your project, you can disable them entirely by setting the gridAutoRows property to false in the corePlugins section of your config file: