Hello, in this video, I am going to show you how to nest multiple rows and columns, pretty simple.
We have this single rope and we have three columns in here.
They stand they take up six of the spaces in the 12 grid space so we can get two on any single line.
But inside of any column, we can have a. a rope.
So what that allows us to do is get rid of this, for example, for div, if it's the same format and
normally world class row, then in here you can have what you normally have in a row directly, which
is columns.
So today class
where I want to put is called Dasch XXL Destry.
You can put whatever combination you want, however many you want, whatever breakpoints you want with
a number of greenspace.
You want that totally up to you.
This often demonstrates the the use case of this.
And 12, I'll put literally the number one here.
So this just means for the extra extra large screen size, it's going to take three of the 12 spaces
within this row within this column.
This is going from medium.
Up to now, including because we've overridden, he has a medium and large would take six and so this
is extra small and small, they all take 12 to duplicate this.
So we have again, many of you want to have for that should be enough to demonstrate what the purpose
of this is.
So let me say this.
So we get one, two, three and four.
They are equally spaced out.
My thinking, why the no, not much of a gap on the left, again, is just because of the text alignment
that you would get with this.
But if you were to put a, you know, a colored border around these columns, which are the next steps,
correct me you do.
You can see they are all the same size.
Obviously, the way you align your text center right left us totally up to you.
What will happen if I reduce it's gone now to large, which is applied by this medium breakpoint.
Remember Tricolore until it hits a break point that will override for that particular breakpoint.
So we've got medium and large and if we go a little smaller.
I think they eat another breakpoint, but because they was for medium, which is still six before any
smaller than medium to be small now.
Or still medium.
There we go, we are it's more of a to explore, not just yeah, I went from XXL to large Inuksuit explaining
that's why there's an extra point and now it is a small and will eventually lead to an extra small.
So there we go.
So that in one nest, in rows and columns allow you to do really simple.
If you have any questions, feel free to point me a message.
And as usual, I look forward to seeing you in the next video.