CSS justify-items property

Property values

normalDefault

It stretches out the element horizontally to fill the width of container completely.

justify-items: normal;

Try it { }

stretch

It stretches the element so as fill the width of container completely.

justify-items: stretch;

Try it { }

center

It aligns the content at the middle of cotainer.

justify-items: center;

Try it { }

flex-start

flex-start aligns the current element at the start of grid container.

justify-items: flex-start;

Try it { }

flex-end

flex-end aligns the current element at the end of the grid container.

justify-items: flex-end;

Try it { }