Valclass

justify-items

aligns grid items along the row (inline) axis.

Class	Properties
v-just-items-auto	justify-items: auto;
v-just-items-center	justify-items: center;
v-just-items-start	justify-items: start;
v-just-items-end	justify-items: end;
v-just-items-flex-end	justify-items: flex-end;
v-just-items-flex-start	justify-items: flex-start;

center

1

							

						<-- add a align-items class to body tag-->
						+ <body class="display justify-items">


						<div class="v-d-grid v-just-items-center" >
							<div>
							     1
							</div>
						</div>

just-items-center version

start

1

							

						<-- add a align-items class to body tag-->
						+ <body class="display justify-items">


						<div class="v-d-grid v-just-items-start" >
							<div>
							     1
							</div>
						</div>

just-items-start version

end

1

							

						<-- add a align-items class to body tag-->
						+ <body class="display justify-items">


						<div class="v-d-grid v-just-items-end" >
							<div>
							     1
							</div>
						</div>

just-items-end version

justify-items

aligns grid items along the row (inline) axis.

List of properties and components

center

1

1

start

1

1

end

1

1