‫Hey, there.
‫Welcome back.
‫Now in this lecture, let us continue our journey with Flexbox.
‫At this point of time, we have applied the three properties with just addiction rap as well as item.
‫Now we can mix other properties like if my add, just if I can take here and let me add space around
‫here, I haven't CBD filed, so I'm currently I'm following the default property.
‫So if I save this one here, you can see I'm space wrong now.
‫And remember, by the fall, this is Flagstar.
‫So if I do send that here.
‫Save this one, you can see, no, I'm space around according to horizontal way.
‫And according to Vertical, where I am at center, this is great.
‫But now our aim is to discuss about properties related to specific related to child.
‫We understood about the different properties and value related to container acknowledged move towards
‫item.
‫The first one is order pretty important.
‫So suppose we are working with these multiple items.
‫Item one two three four five sequence that is the order, and I want this item to be at first.
‫What I can do is I can jump here and then take this added at the top.
‫OK, that's the best solution that I have currently in mind.
‫But with CSIS and with Flexbox, I can do that without blowing this whole HDMI thing.
‫There is a property with each item, which is known as order, and by default, that order is zero.
‫That means all the item ordered the root order.
‫But if I change the order as minus one, it will get added for phosphate.
‫That means it will get before zero.
‫So if I want to do that, I can get here, select the property order and all minus one.
‫Save this one.
‫Get back here.
‫You can see this is minus one, then zero zero zero zero.
‫Now maybe I want to move this at the last.
‫So that means all of them are zero.
‫If I choose to order as one.
‫It will be at the last.
‫So let me change order as one.
‫Save this one.
‫Goodbye cat.
‫So this is minus one zero zero zero and one.
‫That's how you can arrange things.
‫Now, the easier example will be I have this order, as you know, for all of them.
‫And I can provide my own sequence, so I suppose I can give three here, maybe two here and then one
‫here and then maybe five here and forward had saved this one.
‫Get back here.
‫So you can see three, two, one and five and four.
‫So what I did is the item number three is one line item number two is to sell the item number one is
‫three, four, five and five as four.
‫So that's how we switched them.
‫I hope now you got the idea.
‫This works well when we want to change only one day or one section and we want to move it at the last
‫note at the top and works well.
‫Important one.
‫Now we are back with our default setting.
‫The next one is about flex growth.
‫So when we are working with multiple devs, there are two answers that I want to give one much bigger
‫size than the other one.
‫So that's where this flex growth coming into picture.
‫What I'm going to do is what I just remove this or these properties because I'm trying to move things
‫here and they are designed to let us get back at the top.
‫And let me try with this flex group.
‫So maybe I want to give maximum size to three.
‫So ahead, I'm going to apply Flex crew to all of them.
‫And if I put the white legs grow as one to all of them.
‫They will be distributed equally with our current space matter if I provide.
‫To do our item number three.
‫You can see this is taking more space.
‫So that's why this flex growth is important here, it depends on the ratio, if I take this ratio has
‫three, save this one.
‫Get back here.
‫You can see again the maximum space.
‫So here what we are doing is we're total have currently three, four, five, six seven, so we total
‫have suppose seven blocks and three blocks based given two three and then one block space to all of
‫them.
‫Suppose here if I dig six, that means out of hundred, this is going to take 60 percent and this is
‫going to take 10 percent.
‫And then and then that's how this is going to work.
‫Now, remember, this is only valid when we have space, if we don't have any extra space, that means.
‫We are going to jump on to the normal size that was available for each item.
‫So that's how Flexigroup is going to up.
‫I hope you are the basic idea and remember, we cannot give negative.
‫The next important one is about allowing self.
‫So that means at this point of time, currently, our whole item, whole line is Flex stock.
‫So if you remember this property, here, we have a property which is known as a line items, which
‫is currently at Flagstaff.
‫But for some reason, I want three to be at the bottom.
‫That means I don't want three to follow this flex stock.
‫What I can do is I can jump here.
‫With three, and I can add all property, which just a line self.
‫And then I can give.
‫OK, I want to go to Flex and and if I get back here, OK, that's how this is going to work on, maybe
‫I wanted this to be R center.
‫Save this one.
‫And that's it.
‫That's how we can control the individual element also.
‫So I hope you got the basic idea about how all of these flex properties are going to up.
‫Let me give you a quick reminder read container.
‫We have properties like Flex Detection Flex Ramp, just about on things which depend on main access
‫Alina dumps, which depend on cross access.
‫And then we had another property, which is online content, which is not so important.
‫But don't worry, we will discuss it later than with items we have ordered.
‫We have flex grow.
‫We have a line self and there are two other properties which is flex basis, as well as flex strength.
‫So if we jump here, scroll up a bit, you will see that information.
‫So Shrink has some meaning as well as basis.
‫So what we are going to do is in the next lecture, we are going to utilize this tool and then experiment
‫everything that we recently did with this tool excel.
‫So we are going to apply all these properties through that tool.
‫So you're going to experiment more.
‫I hope now you have basic idea about the properties related to Agile in the next lecture.
‫Let us do everything again, but this time with a new tool and with tons of experimental example.
‫Thank you for following, and I see you guys in the next one.