Javier Rodriguez

Menu

CSS Grid Column Modifiers

Grid Column Order i.e. Source Ordering

Reverts on @ 799px

#1 on Mobile

#3 on Desktop

.gsc--order-2

#2 on Mobile

#4 on Desktop

.gsc--order-3

#3 on Mobile

#2 on Desktop

.gsc--order-1

#4 on Mobile

#1 on Desktop

.gsc--order-0

Grid Column Over i.e. Overlap/Pull

Base Value: var(–sp-base), Reverts on @ 799px

.gsc--over-r
.gsc--over-l
.gsc--over-h
.gsc--over-t
.gsc--over-b
.gsc--over-v

Grid Column Push

Base Value: var(–sp-base), Reverts on @ 799px

.gsc--push-r 
.gsc--push-l

Grid Column Span

Reverts on @ 799px

gsc--span-0
gsc--span-2
gsc--span-3
gsc--span-4
gsc--span-5
gsc--span-6
gsc--span-7
gsc--span-8
gsc--span-9
gsc--span-10
gsc--span-11