Grid template rows
Utilities for specifying the rows in a grid layout
Class reference
Usage
Use the grid-rows-{n}
utilities to create grids with n equally sized rows.
Responsive
To control the columns of a grid at a specific breakpoint, add a {screen}:
prefix to any existing grid-template-columns utility. For example, use md:grid-cols-6
to apply the grid-cols-6
utility at only medium screen sizes and above.
<div class="grid grid-rows-2 md:grid-rows-6 ...">
<!-- ... -->
</div>
For more information about Elements’ responsive design features, check out the Responsive Design documentation.
On this Page
v1.13.5