Tailwind CSS Grid Row Start / End
This class accepts more than one value in tailwind CSS. All the properties are covered as in class form. It is the alternative of CSS grid-row property in CSS. It is used to describes the number of properties that allow to design of grid structures and control the placement of grid items using Tailwind CSS. It can change the layout of grid items irrespective of their source order, which allows moving grid items around to cater to these varying contexts without having to modify the underlying markup. But for fast development of front-end. The number of rows is set by the number of values given to this class.
Grid Rows Start / End:
Spanning rows (row-span): This class will cover the span area, mentioned number after the class will hold the area of a span, we all know that there are 12 grid rows or you can say 12 grid span.
<element class="row-span-number"> Contents... </element>
Parameter: This class accepts a single parameter as mentioned above and described below:
number: It holds the number of spans a grid row will take.
Starting and ending lines (row-start|end): This class is used to make an element start or end at the nth grid line. These can also be combined with the row-span-number utilities to span a specific number of columns.
Note: We can merge this class with the above-described class(Spanning columns (row-span)), the below example will give you an idea of how to use that.
Parameter: This class accept a single parameter as mentioned above and described below:
number: This parameter defines the start or the ending position of the grid row or normal row.