v-grid CSS
Framework CSS para la creación de layouts responsivos con Grid y Flexbox. Inspirado en Tailwind CSS.
Encuentralo en
v-grid
.
v-flex:
1
2
v-grid:
1
2
3
4
Tamaños
w-
1/12
w-
2/12
w-
3/12
w-
4/12
w-
5/12
w-
6/12
w-
7/12
w-
8/12
w-
9/12
w-
10/12
w-
11/12
w-
12/12
Utilidades Responsive
responsive-grid
responsive-grid
responsive-flex-alt
Alineamiento
text-align
text-left
text-center
text-right
block-center
block-center
Alineamiento de Flexbox / Grid
j-content-flex-start
j-content-center
j-content-flex-end
j-content-evenly
j-content-around
j-content-between
a-items-flex-start
a-items-center
a-items-flex-end
a-items-stretch
a-items-baseline
baseline
baseline
baseline
j-self-start
j-self-center
j-self-end
j-self-stretch
a-self-center
a-self-start
a-self-end
a-self-stretch
Propiedades específicas de Grid
j-items-start
j-items-center
j-items-end
a-content-start
a-content-center
a-content-end
a-content-stretch
Espaciado
gap
gap-1
gap-1
gap-2
gap-2
gap-3
gap-3
gap-4
gap-4
gap-5
gap-5
gap-6
gap-6
gap-7
gap-7
gap-8
gap-8
gap-9
gap-9
gap-10
gap-10
gap-11
gap-11
gap-12
gap-12
gap-13
gap-13
gap-14
gap-14
gap-15
gap-15
gap-16
gap-16
gap-17
gap-17
gap-18
gap-18
gap-19
gap-19
gap-20
gap-20
row-space / col-space
col-space-1
col-space-1
col-space-2
col-space-2
col-space-3
col-space-3
col-space-4
col-space-4
col-space-5
col-space-5
col-space-6
col-space-6
col-space-7
col-space-7
col-space-8
col-space-8
col-space-9
col-space-9
col-space-10
col-space-10
col-space-11
col-space-11
col-space-12
col-space-12
col-space-13
col-space-13
col-space-14
col-space-14
col-space-15
col-space-15
col-space-16
col-space-16
col-space-17
col-space-17
col-space-18
col-space-18
col-space-19
col-space-19
col-space-20
col-space-20