Grid Column Start / End

Flexbox & Grid

Responsive

Utilities for controlling how elements are sized and placed across grid columns.

Class	Properties
ob-col-auto	grid-column: auto
ob-col-span-1	grid-column: span 1 / span 1
ob-col-span-2	grid-column: span 2 / span 2
ob-col-span-3	grid-column: span 3 / span 3
ob-col-span-4	grid-column: span 4 / span 4
ob-col-span-5	grid-column: span 5 / span 5
ob-col-span-6	grid-column: span 6 / span 6
ob-col-span-7	grid-column: span 7 / span 7
ob-col-span-8	grid-column: span 8 / span 8
ob-col-span-9	grid-column: span 9 / span 9
ob-col-span-10	grid-column: span 10 / span 10
ob-col-span-11	grid-column: span 11 / span 11
ob-col-span-12	grid-column: span 12 / span 12
ob-col-span-full	grid-column: 1 / -1
ob-col-start-1	grid-column-start: 1
ob-col-start-2	grid-column-start: 2
ob-col-start-3	grid-column-start: 3
ob-col-start-4	grid-column-start: 4
ob-col-start-5	grid-column-start: 5
ob-col-start-6	grid-column-start: 6
ob-col-start-7	grid-column-start: 7
ob-col-start-8	grid-column-start: 8
ob-col-start-9	grid-column-start: 9
ob-col-start-10	grid-column-start: 10
ob-col-start-11	grid-column-start: 11
ob-col-start-12	grid-column-start: 12
ob-col-start-13	grid-column-start: 13
ob-col-start-auto	grid-column-start: auto
ob-col-end-1	grid-column-end: 1
ob-col-end-2	grid-column-end: 2
ob-col-end-3	grid-column-end: 3
ob-col-end-4	grid-column-end: 4
ob-col-end-5	grid-column-end: 5
ob-col-end-6	grid-column-end: 6
ob-col-end-7	grid-column-end: 7
ob-col-end-8	grid-column-end: 8
ob-col-end-9	grid-column-end: 9
ob-col-end-10	grid-column-end: 10
ob-col-end-11	grid-column-end: 11
ob-col-end-12	grid-column-end: 12
ob-col-end-13	grid-column-end: 13
ob-col-end-auto	grid-column-end: auto