‫Hey, there.
‫Welcome back.
‫Now let us discuss about a great template area, one of the most important topic, and you don't need
‫them after utilizing grid template area.
‫You don't require this, actually.
‫Let me comment all of this, this whole area itself and all the others topic like grid column start
‫and everything.
‫Let me commend them.
‫OK, now I had I have commented everything.
‫And now let me jump, Pat.
‫So at this point of time, we have on them, we have rules.
‫We have to find their weight and height.
‫Everything is defined with the help of a great template.
‫Now there is something else which is known as great template idea.
‫What it does, it give name to each block and then we can see how this block is going to cover space
‫in terms of visual representation.
‫What example, let's say I'm going to call this as I done one, then create a new item called this has
‫to create a new item called This has three.
‫So head, I'm going to call this item one.
‫And then here, I'm going to call this as item two.
‫And then here I'm going to call this item three.
‫But now, if I want to stretch this item, I can just say item two two.
‫So that means this whole thing will be saved as Item two.
‫OK.
‫Let me get back here and talk in terms of representation.
‫So we are going to have.
‫Great template.
‫Areas.
‫OK, now this is going to take how we need to find things in terms of visual representation.
‫So let me first take double quotation mark and add information about that first row.
‫So I'm going to call this as Heather.
‫Harder, harder.
‫How many columns are there?
‫We have these four columns.
‫So.
‫Has that means one I don't will cover the entire space, so I'm going to call this item my first item
‫as Heather, so I'm going to call this a great idea and I'm going to pass on him as Heather.
‫OK, this looks fine.
‫Let me get back here.
‫You can see this is covered by the entire thing.
‫Now this is visual.
‫So we can do a lot of things like me before ending on property.
‫Now what, I want this item to item two, and I don't three item three.
‫So I can give it a name.
‫Let me qualify as I don't do it, so why do I don't do?
‫And then item three, item three so we can give any type of name and the name will be served with the
‫help?
‫Great idea.
‫So what I'm going to do is I'm going to give it our name, which is going to be a great area and head.
‫I'm going to call this item two.
‫And again, trade area and going to call this as item three.
‫Save this one.
‫You can see with the help of visual representation, we have divided it now what I want is for six and
‫then five to be a long one.
‫What I can say here is inside our whole thing double quotation mark and then say done.
‫You can say any name, basically.
‫So let me call this as anything else.
‫I mean, before dawn, maybe anything else.
‫So let me call this as item for itself.
‫For now, I don't hold an item five, item five and item six.
‫I need to give my name.
‫This is going to be a great area.
‫I'm going to call this as item for.
‫Similarly, here, I need to add a great area and simply add item five as name and head great area.
‫Item six now, if you save this one, get back here, you can see that's how it is walking.
‫So this is an entire visual representation, how we are adding on item.
‫Let me our new line, so you can see this is an entire visual representation.
‫Now one thing you can do is maybe you want to stretch this item three on the top and want to just squeeze
‫this.
‫What you can do is you can get back here and just do part will be harder and the next two part will
‫be item three.
‫So you can just arreter.
‫And let me call this item as item one itself, so it is easy for you to visualize thing.
‫And also, let me change this one here.
‫And if I save this one.
‫Get back here, you can see I one item, three, item two, four and five.
‫So that means everything here is dependent on this size.
‫So we have this item one on our first row, then item two on our second row item food item five as whole
‫bundle item six.
‫And then this item three is taking all this space.
‫I can again differentiate.
‫Maybe I want to add a new rule so I can say Nuro as one nafaa, and then I can also add something similar.
‫This whole new rule and large store should be Item six itself.
‫So what I want is I want to repeat Item six all the way, so I can say Item six, Item six, Item six.
‫So Lastra will be item six itself, and what I want is I want the last block should be empty if I can
‫use Dot to keep things empty.
‫And if I save this one, get back here.
‫You can see this block is empty.
‫This is item six, item one, three, two, four and five.
‫So in this way, you can define things according to your own requirements.
‫And what is the property name?
‫The property name is grid template ideas and how we name them with the help of grid area.
‫Now, remember one important point to remember this point, basically, you can use only one thing.
‫Either you can utilize this whole great column star column and are great area short form or you can
‫utilize this.
‫You cannot combine both of them because here indirectly, we are defining this OK.
‫This is rule one and start from one and extend till three and her start from three and extend till five.
‫Indirectly, you are defining this so you don't need to go with this now.
‫OK.
‫I hope you got the idea again.
‫You can utilize this tool and do something similar.
‫Same thing.
‫Let me clear this up, and what we did is basically we now have four rules, so I can either row here.
‫You can see now you have information about this name.
‫Great template rules.
‫So we have all those great template column.
‫We have these three.
‫Or I should say for column.
‫Let me add one more and then we can change the value according to our requirement.
‫Currently, we are utilizing this whole template thing, and I can shorten this also with the help of
‫repeat remember.
‫So here we have this.
‫And then what we did is we defined the different size.
‫So for the first one, we utilize the size of the where we are.
‫So here you can change the size and go over to airport.
‫Or I can either directly change it here with the end of this one next to airport.
‫And what we did is we selected this item one from here to here.
‫Let me call this as item one and see this one.
‫OK, then what we have here, item three, which is going from here to here and all this has item three.
‫Save this one.
‫Then we have item two from here to here I am.
‫Do.
‫Save this one.
‫And then we have item for.
‫Yeah, I don't for sale this one item, five.
‫This is blank, and then at the end, we have item six.
‫So behind the scenes with data something similar and also we have a gap of Ben and Ben for both.
‫OK, so this is the current structure that we are following.
‫That's all.
‫That's all for this lecture.
‫In the next lecture, let us discuss something related to nested things.
‫Maybe I want multiple items inside this that should be following some type of, I should say, great
‫layout so we can do that.
‫I hope this lecture was helpful.
‫Thank you for calling.
‫And in the next lecture, let us discuss about nesting.