All right, I sent you on air and this is our video related to practice and today I'll show you a good example about how to fight constant force. I wish to have a few practices since about justify ends this video will be very simple but I really like this example because it's actually show how easily you can manipulate items on flex container. So we have flex container. And is this our list and list items are actually our guess items and this service here and let's close our URL. So it will change size of our screen. You'll see how items go into the next and next lines and CSS for flex item, actually not very often in just for this example and justify content space around.
So let's draw this window a bit and to see how strange a bit but it's actually space around work so we change size and when our six items cannot fit the first one, he just bought his next slide. But while it's only one item wants a second line search Should we get spacing from the left and triads. We'll change it to beat him and tried now, fifth item will go to the second line and the second Susie asked airspace Yeah. Okay, we'll try that again. And next item, I actually go to the second line. And right now we have three columns of items.
And you can see the orders here are changed again. And right now we'll have sublime. So each one have on the two items, and this is our layout. We can actually change it like more more challenging, but it's all just go to the flex direction. Cool. Hey, I sent it's an office example this time Bye bye.