OK, so next up, we have with template, and it's actually just a shorthand for setting grid template
rules, angry template columns and grid template errors in a single declaration.
So let's take a look at how this looks.
So there's nothing here.
No comment with great template.
Again, I'm going to take our container grid template container, a great container, just and I'm going
to display it as grid.
And after this, we don't need this comms and Roseau, I'm going to also comment about the above section
so we don't have any confusion, OK?
Now all our items are squished together there.
So this place is great.
And we're just going to Taiping Grid template.
Now, this works exactly like we did up here, so I'm going to copy this and paste it down here.
We don't need this and now we take a look.
Well, it's still working because somewhere up here.
We have defined some repetition, so, for example, here we have repeat and so on and so on.
So I'm going to comment all of them out.
OK, and we also need to know that that's enough.
But we still need to have the areas defined for each item, needs to have a name.
Now, I could do something like go here and say that this particular column or row should have 80 pixels.
We need to be outside of quotations, so 80 pixels.
OK, so let's take a look.
Then I'm going to set our second row to Otto.
The next one also to Arizona is going to compare this.
This one also to auto, and I'm going to settle for the pixels and this are.
Actually, the heights of our rose.
OK, so that's it, safe and down here, we need it back a forward and then we're going to set all 50
pixels.
And again.
I should they should be like this.
OK, so let's take a look now.
Now, what did we achieve here?
We achieved basically the same thing that we had up here, but we now defined a specific role to play
hide.
For example, the navigation will have a height of 80 pixels, OK?
And here we have only 80 pixels.
And if we change this to, let's say, 200 pixels.
And let's take a look.
Everything else will be squished together because we have the next three rows as soon as changes back
to 80 pixels, well, not 800.
OK, and we can also change, for example, this one to 100 pixels and then it would be fixed and so
forth and so on.
OK, so that's pretty much it about the shorthand grid template.