Valclass

justify-self

Utilities for controlling how an individual grid item is aligned along its inline axis.

Class	Properties
v-just-self-auto	justify-self: auto;
v-just-self-center	justify-self: center;
v-just-self-start	justify-self: start;
v-just-self-end	justify-self: end;
v-just-self-stretch	justify-self: stretch;

center

1

							

						<--add a display and justify-self class to body tag-->
						+ <body class="display justify-self">


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

just-self-center version

start

1

							

						<--add a display and justify-self class to body tag-->
						+ <body class="display justify-self">


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

just-self-start version

end

1

							

						<--add a display and justify-self class to body tag-->
						+ <body class="display justify-self">


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

just-self-end version

justify-self

Utilities for controlling how an individual grid item is aligned along its inline axis.

List of properties and components

center

1

start

1

end

1