Css flex justify self

Justify-self

/* Basic keywords */
justify-self: auto;
justify-self: normal;
justify-self: stretch;

/* Positional alignment */
justify-self: center;     /* Pack item around the center */
justify-self: start;      /* Pack item from the start */
justify-self: end;        /* Pack item from the end */
justify-self: flex-start; /* Equivalent to 'start'. Note that justify-self is ignored in Flexbox layouts. */
justify-self: flex-end;   /* Equivalent to 'end'. Note that justify-self is ignored in Flexbox layouts. */
justify-self: self-start;
justify-self: self-end;
justify-self: left;       /* Pack item from the left */
justify-self: right;      /* Pack item from the right */

/* Baseline alignment */
justify-self: baseline;
justify-self: first baseline;
justify-self: last baseline;

/* Overflow alignment (for positional alignment only) */
justify-self: safe center;
justify-self: unsafe center;

/* Global values */
justify-self: inherit;
justify-self: initial;
justify-self: revert;
justify-self: unset;

Source: developer.mozilla.org

Css flex justify self

/*The CSS justify-self property sets the way a box is justified inside its alignment container along the appropriate axis*//*The options are:*//* Basic keywords */
justify-self: auto;
justify-self: normal;
justify-self: stretch;

/* Positional alignment */
justify-self: center;     /* Pack item around the center */
justify-self: start;      /* Pack item from the start */
justify-self: end;        /* Pack item from the end */
justify-self: flex-start; /* Equivalent to 'start'. Note that justify-self is ignored in Flexbox layouts. */
justify-self: flex-end;   /* Equivalent to 'end'. Note that justify-self is ignored in Flexbox layouts. */
justify-self: self-start;
justify-self: self-end;
justify-self: left;       /* Pack item from the left */
justify-self: right;      /* Pack item from the right */

/* Baseline alignment */
justify-self: baseline;
justify-self: first baseline;
justify-self: last baseline;

/* Overflow alignment (for positional alignment only) */
justify-self: safe center;
justify-self: unsafe center;

/* Global values */
justify-self: inherit;
justify-self: initial;
justify-self: revert;
justify-self: unset;

Source: developer.mozilla.org

Similar codes

0 vote300 views1 answer
Sass mixin breakpoint
CSS
0 vote314 views1 answer
Colored link button style
CSS
-1 vote340 views1 answer
Sidebar-Content layout
CSS
72 votes337 views6 answers
How to change font size in css
CSS
1 vote325 views1 answer
Place-items css property
CSS
2 votes302 views1 answer
Underline css animation hover
CSS
0 vote310 views1 answer
Awesome font google icon colored css
CSS
7 votes331 views3 answers
Border-width in percentage
CSS
0 vote294 views1 answer
Skip main content - keyboard accessible buttons on navbar - css
CSS
1 vote286 views1 answer
Css media queries between two sizes
CSS