OK, guys.
So now, after what we did, we will make the grade test and responsive here we had a page which we
have published before for the column one, two, three.
And until we reach the 12, first thing we will do right here, we can go here at the new media or just
make here Common School of one and we will give them poder.
I would only prove that we can just give it background color of like say that Sky-Blue.
And here again,
they have to be something like, uh, uh, klop or this one here called small, we can reach a 12 pack
color like the blue hole small for being having the background color.
So violent gold, small five to be having the background color of krunk, cold, empty space to be had
in the background color of tomato started with three small cola small seven to be having the background
color of violent calls.
Small seven fifty eight background color of yellow green gold small nine to being having the background
color of uh right right is ok call small tend to be having the background color let's say that uh royal
blue collar and eleven to be having background color of the president and color of white because it
would not be great with the Black Death to be small and the left one for the twelve
background color of S.T. brown.
OK, that's good.
After this party we can create a new media media of minimum.
Uh thank you.
Minimum which was dropped from five, six, seven, because as we said before and Max, which we can
treat the max switch from the five seven, five, six, seven pixels until we reach the seven six,
seven point nine eight pixels and then we can open the bracket.
OK, that's good.
After this part, we can set them all off one to be having the width of this one here.
Column one, we can't copy paste it here and for the columns, small to to be having the width of this
right here.
And for the Poland small country, if it looks confusing, you will know how we can make it and you
will also know why we are doing this.
This is for the small screen.
So let's play an example for the small screen.
I want to be having all three, but true for the medium screen, I want to be having colon five.
We will know how to make this part.
We can go to the column three copies, part basic here and then we have for the colon, small for we
can up the bracket and set or we can just copy the clip from here, copy and paste this one to be for
colon small five.
And for the width of this part we can just copy this and go here.
I think we know no, we got the conflicts here call small of six to be having the width of fifty percent
of the page actually starting.
We can try for the seven.
We can't keep this width.
Go back here colon small seven of the bracket and paste this with and now we can try for the colon small
eight
of the Prickett and paste this with and then here we have for a seven to five percent column smaller
nine to be having the width of seventy five percent.
We can go here and make a column smaller of ten to be having the width of this one here.
And then here we have a colon small eleven to be the width of this one.
The left one would be one hundred percent
colon small twelve to be having the width of the.
One hundred percent.
OK, so let's test what we did and create something we can go here and try to make.
But first we can make this to be also for
one can copy this one here so we can just paste two, three, four, five, six, seven, eight,
nine,
10, 11 and 12.
OK, so let's start with the colon one and four.
We can go here and type called for or just colon.
It's OK, we can make it four and for his part we can give him or we can just make it in the form of
X one, call four and then we can't copy this bond and make it again.
This won't be for the Colon six so we can go in and reload.
So now we got this column for and Colon six but for the small screen, let's make this smaller.
This is the smallest one for the small screen, which is colon small.
I want this to be in the call small office and this to be having goals.
Small things go back, reload.
So now when we reach that small screen, we got this.
As you can see from here, we got this for the small screen, but when we go back to the smallest screen,
we've got the yes, we got this, which looks just from the beginning.
We can make this big column one and this P11.
So here we got one and the like saying that, OK, ok, OK, 11 and for the smaller bomblets to be living
and it's to be one if we can type cold smolov 11 goals, small of one side and.
So now we got this for the screen but when we go to the screen we will be having the different.
OK, that's good Artigas but we can make for the column two and 10.
We can just give some margin or we can create a new class for the margin
margin or just we can make it margin for we can just use the four right now margin job for RTM and margin,
put them off for Mars and put them up for our and we can go back here any margin.
Put them for four percent and clear to put them up.
For now we have some margin after this party we can make for Java with class of Coolen to.
We caught up the bracket, copied this one here to be true, but for the small screen, this will be
10.
We can cover this part, make here, calling them small 10, and we can have this one here and go to
this one and make it small enough to just be trying not to we can't say go back here.
So now we got this.
But when we reach the small screen, this will be having to do.
I think we got something wrong here.
Yes, this will be having 10 and this will be heavy, too.
Let's try for the colon three and nine.
We can actually cover this part, perhaps some white space here, but this big margin, potential for
margin for waste.
And we can add it also here, margin for error and margin put before we can go here and make this.
If we find this to be nine, which the sun will be 12, this one to be for nine months before we say
go pack.
So now we got this for the screen.
But when we make this screen smaller, we've got this week.
This is not responsive now because we need that.
I need class.
I'm going to show you what class we can add here.
OK, so now we've got this three.
Let's make this to be three.
There's to be nine nine three.
So now we got the column three for the small screen.
But when we go to the small, we got this to be nine and there's to be three.
We can copy these classes and paste this one to be four.
And we want to eight, this one to be eight and here to be four.
Four.
Yes, something here.
Nine, eight.
There's to be here called aid and the smaller foot before we can save and go back to our Web page.
Start from the stimulus plan here we got the column for.
But when we reach that and when we reach the small screen here, we're having this with Pollsmoor for
and this the column Small eight, we can make the screen smaller again.
And after this part, we can just copy this one, scroll down, down, down and post again.
This before the Fysh.
We are just testing that everything is working fine.
And here we can just, uh.
May seven, because seven plus five is 12.
They just want to be seven and hear five, and then if it is part, we can just make this to be five
seven, seven five safe and go back to our beach like it is to be here.
So now we got five.
And when we reach the small screen, now we are having this with seven and eight to be five.
OK, that's good.
And after the start, we can copy this one here first and here we can type calling six and call them
six.
It will be making no sense because it will be always 50 percent.
Let's just type add to make sure that everything is OK.
Go pack.
So this is always calling six, as you can see here.
OK, that's cute.
After this part in what we can do is to meet for the seven, eight, four and I think we did it so we
don't need to make it a game.
Four and eight, seven, eight, five, four done it to make it a game.
So now we tested all of the media.
Clowery for the small screen.
I think this is enough for this video.
In the next video over, we can make it a challenge.
I want you to try to edit from the medium large, X large and X large using the same major criteria
we used for the responses on Veja, which is the previous video.
So good luck and have fun.