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

23 votes282 views1 answer
What is shadow house about
CSS
0 vote291 views1 answer
Animated progress bar css
CSS
16 votes282 views2 answers
Css photo circle
CSS
0 vote281 views1 answer
-webki slider runnable track
CSS
7 votes245 views2 answers
Remove horizontal scrollbar css
CSS
0 vote299 views1 answer
Css last item should be flex end
CSS
0 vote358 views1 answer
React bootstrap carousel not working
CSS Bootstrap
0 vote298 views1 answer
Adding diffent style in firefox css
CSS
3 votes282 views9 answers
Bootstrap 5
CSS
0 vote301 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS