col-span and row-span support for "/" character

[CamHudson808]

As far as I know, using tailwind you cannot specify the start and end grid-col or grid-row like you can in regular css (for example grid-column: 1 / 3; ), nor can you combine it with the span keyword (for example grid-rows 1 / span 2; ). I am wondering if there is a way to do this or if this is feasible to be implemented.

[wongjn]

You can using the col-* and row-* class names respectively.

For example, equivalent of grid-column: 1 / 3 would be col-start-1 col-end-3 and equivalent of grid-row: 1 / span 2 would be row-start-1 row-span-2.

[CamHudson808]

Hello, thank you for the quick response! Sorry if I wasn't clear, but I was referring to using just one utility class to define both the start and end. My idea of the syntax would be col-[1_4] with would be the equivalent of col-start-1 col-end-4 condensed into one class. I want to try implementing it but I first wanted to make sure it wasn't already a feature.

[wongjn]

You can use arbitrary value classes, like col-[1/3] and row-[1/span_2].

[CamHudson808]

Okay that answers my question. Thank you!