align-self

Flex align self

.flex-container {
	display: flex;
	align-content:center;
}
.flex-item-1 { align-self: flex-start;}
.flex-item-2 { align-self: flex-end;}
.flex-item-3 { align-self: center;}
.flex-item-4 { align-self: baseline;}
.flex-item-5 { align-self: stretch;}

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.