OK, guys, so in this video, we bill and the class of container that will prevent the x axis drilling,
which we have seen before, we can go to the grid system and get to the first screen, which is for
the small.
We can give here a class of container small and then we can capture this one right here and where it
will be starting from here.
Yes.
And then we can go to the grid system.
Where is the small.
This one here.
And we can make here colon off a solid container, small and container.
And I'm going to show you very soon why we are taking this class, this to be and then getting right
one or m and putting the left of one up.
Let's go to the small screen and see if we have.
So now we got no crawl access anymore, but we can make it up on five to make it smaller.
No, no.
We got here so let's make it a point seven and seven.
I think one would be perfect.
So let's make it warm.
But I'm going to show you again, the problem is with this text, if would you leave this text, we
are having no problem.
This one and this one, I think because it's over the background color.
And then now we can try for the container making.
We can go here and make a class of container means you can copy this one and make it here.
Go to the C.
S.
You can cover this one.
Go here.
Let's start first with two.
And so now we've got this for the small screen.
When we reach the medium, we get to.
Let's make it just one.
I think one is perfect.
This is the one after this part we got here, this to be.
Yes.
And it's also to be here medium.
This is the medium.
I think we got something wrong with the.
So what's the problem?
Let's call this part.
Is it for the medium container medium?
Let's reach the medium screen.
Now we get something wrong.
Yes.
This is the medium.
Sorry, we can go to the medium screen and then we have this.
Let's see if we can edit or we can just leave it like that, I think.
Or we can make it all point eight.
One is perfect.
OK, one is good.
And after this part we got for the last screen.
But because when we get to the larger we are having nothing.
So let's cover this part and go to the large screen.
OK, we can paste this once before we're going to meet our lawyers and we can scroll down until we reach
the larger they want to be on gone to get this one to be the closure of this division.
Yes, it's here.
Here is large and just need to make it here.
Larger container, larger reload.
What's the problem here?
I think we got something wrong with this part container.
Just what's the problem?
Yes, the last three.
So now we got this for the large screen.
When we go back to the meeting, we got this back and now we can drive through the large screen.
We can't make X explosion.
We can't copy this division.
Go back over, scroll down any way past this here and get closure for the closure.
We can scroll and sorry for the closure.
We can scroll down down down here and just want to be at large of large.
We can go back here covid this one and sit here.
They want to be heard, excellent.
Let's see if one hour is perfect for the X lawyers.
I think we can make it four, three and three.
Three and three is good.
And then now what we can do is to check for the X X large screen, but we can just copy and paste for
the X X large screen because we didn't add it inside our web page.
Let's make it five.
I think five will be good.
And then after this part, the purpose of container, the container will be covering all of this with
list for all of the screen.
So for the small screen, it will be having one already.
For the medium, it will be having almost one hour and one hour.
And let's make this to be three.
Let's start from the beginning.
We can make this one to be one, two.
This to be three days, to be four, and the last one will be five.
So the container, just container for the small screen will be having one for the medium, which will
be having two for the larger three for sure.
And for the larger it will be having the, uh, five.
And we can also add a class of container flight.
We can add it right here, container flood, which is always having the width of one hundred percent
of the page.
OK, so now that's good.
And we have added a container to prevent the x axis scrolling.
If you see here, we can go to the smallest one and just container.
So here we got one hundred percent and when we get to the small, we got this.
When we go to the medium, we got different.
And also we have for the rest of the screens and that's good.
And what about container flight is having the width of one hundred percent.
This will be always having the width of one hundred percent, but sometimes make the problem.
As you can see here for the small screen, we got over Skrull of X and we don't want that to prevent
this from this any anyway.
There's a property which is called overflow.
We can build here, make it for the body, for universe.
One way.
Yes, it be having overflow X of.
So now we can we cannot run the X direction.
And if we make for the white origin we are not able to scroll on the Y direction anymore.
We can delete this one and change this one to be calling it small.
So that's all about that containers and the response of great system.
From the next section we will start creating our project for this is as people try to use only what
we learned from transforms for other forms, uh, of our function, active functions and all of that.
So good luck and have fun.