Flexbox: How to prevent item from taking full width of container

Assuming your flex container’s flex-direction is row, you can apply the align-self: start or align-self: end property to prevent the flex item from taking the full width of its container.