Flex align self

/* Keyword values */
align-self: auto;
align-self: normal;

/* Positional alignment */
/* align-self does not take left and right values */
align-self: center; /* Put the item around the center */
align-self: start; /* Put the item at the start */
align-self: end; /* Put the item at the end */
align-self: self-start; /* Align the item flush at the start */
align-self: self-end; /* Align the item flush at the end */
align-self: flex-start; /* Put the flex item at the start */
align-self: flex-end; /* Put the flex item at the end */

/* Baseline alignment */
align-self: baseline;
align-self: first baseline;
align-self: last baseline;
align-self: stretch; /* Stretch 'auto'-sized items to fit the container */

/* Overflow alignment */
align-self: safe center;
align-self: unsafe center;

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

Similar codes

59 votes319 views6 answers
Node Sass version 5.0.0 is incompatible with ^4.0.0.
CSS
0 vote407 views1 answer
Transparent circle in a div
CSS
0 vote347 views1 answer
Flex box divs squeeze together
CSS
0 vote294 views1 answer
Speeh recognition github
CSS
0 vote367 views2 answers
Text-align: left; width: 100%;
CSS
0 vote359 views1 answer
Adding script in vat for product order shopify
CSS
0 vote372 views1 answer
Why does my min and max-wodth only stay on min-width html css
CSS
0 vote347 views1 answer
How to resize img in css
CSS
1 vote398 views1 answer
Uibutton image
CSS
17 votes301 views1 answer
Have you used flexbox & css grid before? what are the differences between them? interview
CSS