‫Hey, there.
‫Welcome back.
‫Now in this lecture, let me quickly discuss allowed nested great.
‫What example?
‫We have this great.
‫But inside this great, we have multiple item.
‫So at this point of time, this is our item three instead of this item three has done.
‫Let me add multiple items.
‫Let me call this as their dog and let me call this as content on one.
‫OK.
‫So let me copy this whole div multiple times.
‫Save this one.
‫And since this, there is empty.
‫Let me also give some name maybe contain itself some common name so I can replicate things.
‫OK.
‫Let me jump here at the bottom and let me add this content.
‫Give some background color any background color.
‫Maybe just take one.
‫Save this one.
‫Nothing is going to be shown because it doesn't have any content.
‫I don't.
‫I am be.
‫Item C, save this one.
‫Get back here now how you can see this is Item A, B and C, and we are following something similar
‫like we did at the initial stage.
‫Now remember one thing at this point of time, we are following a flow, not by default.
‫Flow of this whole grid system is top to bottom, which is going to be about our column.
‫We can change this flawed the initial level itself with when we were working with our whole grid thing,
‫with the basic example, and we can change this flow here also.
‫But at this point of time, we haven't said that this is a great honor.
‫This item three at this point of time is not great.
‫This is a normal flow.
‫One Block system display block.
‫So let me first change this item to grid and let me call this as display.
‫As great.
‫Save this one.
‫Now this is following the flow of coal creating a jumper.
‫This is our great click here.
‫You can see all the patterns that we already discussed and if you see it on one item to an item three.
‫Now let me try to change the flow.
‫At this point of time, we are following the flow off column, but I can change if lawyer.
‫We just need to mention great.
‫Sort of low.
‫And by default, it does roll.
‫So let me change this one and try a column and if I save this one?
‫Get back here.
‫Now you can see this is column, so.
‫Item one is here, then item two, then item three so that our floor can change.
‫By default, we are following a floor rule that means top to bottom.
‫Now we are following a floor left to right.
‫OK.
‫I hope you got the idea.
‫So this is one property that I really wanted to discuss.
‫But here, remember, this is great.
‫Now this whole item three, we can play with all type of content actually on one.
‫And this is what we do, and this is going to be three.
‫We can play with them.
‫So maybe I want to try something else.
‫Maybe I want to change the layout.
‫I want it to be at the top and then BNC.
‫So the first thing I can show here is I can add information like Let me go to Android.
‫So that is the default value.
‫So I'm going to utilize great template and great template area or jump on to item three and add grain
‫and play.
‫Now, what I'm going to utilize is, let's say, since we only need to hold them, so that's one effort
‫and we're far.
‫And then we need to go along with just one effort and one effort.
‫OK, this looks great.
‫I had this is the current look, but what I need is to be extended from here to here then BNZ.
‫OK.
‫So either I can utilize this whole grid column start and everything else, or I can utilize grid template.
‫Areas and then I can define, OK, the first one is going to be, I need to give a name.
‫I'm going to call this as contained one.
‫Green one.
‫And then the second will be my constant.
‫Do.
‫And then content three, OK, at this point of time, I haven't given them names, so I need to do that.
‫Let me copy this child first.
‫And give them a name which is going to be about great idea, and I'm going to give this a name similar
‫to the class name.
‫And I just need to replicate this through nine.
‫Two three.
‫Two and three.
‫See this one.
‫Get back here, you can see how this is going to work.
‫So this is contained one content, two content, three.
‫Now I should mention some gaps so we can see some difference.
‫So this is going to be great gap and I'm going to utilize one, but I should say and excel for all.
‫Save this one.
‫Get back in.
‫Now, I hope you got the idea how we can visualize them.
‫So that's all we can also try the four things we can all to mess things up.
‫But that's the basic idea how you can test things.
‫Now you can add some padding margin and play with things according to your requirement.
‫But that's all nested.
‫Thinks we're going to work.
‫That means we created this parent as great, and then all the child is controlled by the grade properties.
‫So that's all for this lecture in the next one.
‫Yeah, I want to discuss about the old friend that a lot of friends from justified content online sell
‫for online content and fuel their stuff and then wrap up this whole section.
‫So thank you for calling, and I see you guys in the next one.