Align-Items Property Explained with Code Examples Flexbox CSS Tutorial

Published: 29 May 2017
on channel: Java made Simple
399
6

CSS Flexbox Tutorial: Align-Items Property with Code Examples - In this Flexbox tutorial, I discuss the Align-Items property of the flex container. I show css code examples and display how the flex items are aligned along the cross axis of the flex container using Align-Items.

I wanted to show examples with both flex-direction set to row and flex-direction set to column because align-items aligns flex items along the cross axis. For flex-direction set to row, the cross axis is vertical. For flex-direction set to column, the cross axis is horizontal.

Thank you for watching this CSS Flexbox tutorial on the align-items flex container property and flex item alignment. Please subscribe to Bootstrap CSS Girl.


On this page of the site you can watch the video online Align-Items Property Explained with Code Examples Flexbox CSS Tutorial with a duration of hours minute second in good quality, which was uploaded by the user Java made Simple 29 May 2017, share the link with friends and acquaintances, this video has already been watched 399 times on youtube and it was liked by 6 viewers. Enjoy your viewing!