All right. All right now we have a practice video. And so we will learn how to justify constants works with our main tech and this is our and our sections. Just our flex items. Each section has 50 pixels. And as you can see all of our items right now back to the top left corner, and this is because we said justify content flex.

Also said display flex and there's no two sets at sections. We have shorthand. Next is all three items. So, flex grow and flex basis. Sets here is this example just about showing how Bayes distributes its first reliance on all content. So let's change our value and justify and change the space between the consent fair for a lot of free space in between, each have items marked so we actually don't have a lot of free space before first item and after that, let's change it and change it to space in there.

Right now, we have a different position. So each, each sides have elements of similar space in between. So this space is as seamless as this. This answers by waterfall change yeah it was set to space around and as you can see we have like one office here. And service here. Yeah and again we have one here and this is because space around to change it.

So we have each item and each item pair from both sides, similar space and this space actually counts for first item and the second item. Okay, let's change it to flex and it will show is that so all of the items actually goes to the top right corner. And it's not a lot of talk here. That seems to again to center Our items are actually packaged together much similar spacing before first item and last is guessing it's not for this example and I say bye bye