Justify-Content & Align-Items Properties Explained with Illustrations Flexbox CSS Tutorial

Publicado em: 24 Maio 2017
no canal de: Java made Simple

2,699

CSS Flexbox Alignment Tutorial: Justify-Content and Align-Items Properties with Illustrations - In this tutorial, I will show you how to align flex items within the flex container using the css properties justify-content and align-items.

We use the justify-content property to align flex items along the main axis of the flex container. The main axis can be either vertical or horizontal depending on what you set the flex-direction property to.

We use the align-items property to align flex items along the cross axis of the flex container. The cross axis can be either vertical or horizontal depending on what you set the flex-direction property to.

This flexbox tutorial features colored coded illustrations and repetitive structure which makes it easy to learn for beginners to flexbox. Pause the video to examine the illustrations and color codes if the pace is too fast. I try to teach at a slow and steady pace for easy understanding. I've organized the content in a way to makes it clear and easy to learn when you would use justify-content and when you would use align-items to align your flex items.

Watch my CSS Flexbox Tutorials: • CSS Flexbox Tutorials for Beginners Playlist

Nesta página do site você pode assistir ao vídeo on-line Justify-Content & Align-Items Properties Explained with Illustrations Flexbox CSS Tutorial duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Java made Simple 24 Maio 2017, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 2,699 vezes e gostou 54 espectadores. Boa visualização!

3,189