1

00:00:00,420 --> 00:00:01,370

OK, guys.



2

00:00:01,380 --> 00:00:08,340

So now, after what we did, we will make the grade test and responsive here we had a page which we



3

00:00:08,340 --> 00:00:11,730

have published before for the column one, two, three.



4

00:00:11,730 --> 00:00:22,020

And until we reach the 12, first thing we will do right here, we can go here at the new media or just



5

00:00:22,020 --> 00:00:28,160

make here Common School of one and we will give them poder.



6

00:00:29,430 --> 00:00:38,310

I would only prove that we can just give it background color of like say that Sky-Blue.



7

00:00:41,280 --> 00:00:42,540

And here again,



8

00:00:46,540 --> 00:00:58,720

they have to be something like, uh, uh, klop or this one here called small, we can reach a 12 pack



9

00:00:59,160 --> 00:01:08,040

color like the blue hole small for being having the background color.



10

00:01:08,520 --> 00:01:25,740

So violent gold, small five to be having the background color of krunk, cold, empty space to be had



11

00:01:25,740 --> 00:01:38,460

in the background color of tomato started with three small cola small seven to be having the background



12

00:01:38,460 --> 00:01:42,690

color of violent calls.



13

00:01:42,690 --> 00:01:58,280

Small seven fifty eight background color of yellow green gold small nine to being having the background



14

00:01:58,290 --> 00:02:10,380

color of uh right right is ok call small tend to be having the background color let's say that uh royal



15

00:02:10,380 --> 00:02:21,080

blue collar and eleven to be having background color of the president and color of white because it



16

00:02:21,090 --> 00:02:27,810

would not be great with the Black Death to be small and the left one for the twelve



17

00:02:30,120 --> 00:02:33,720

background color of S.T. brown.



18

00:02:35,550 --> 00:02:36,570

OK, that's good.



19

00:02:37,080 --> 00:02:45,670

After this party we can create a new media media of minimum.



20

00:02:45,990 --> 00:02:47,460

Uh thank you.



21

00:02:48,600 --> 00:03:03,240

Minimum which was dropped from five, six, seven, because as we said before and Max, which we can



22

00:03:03,240 --> 00:03:13,050

treat the max switch from the five seven, five, six, seven pixels until we reach the seven six,



23

00:03:13,160 --> 00:03:18,090

seven point nine eight pixels and then we can open the bracket.



24

00:03:19,590 --> 00:03:20,610

OK, that's good.



25

00:03:20,880 --> 00:03:29,970

After this part, we can set them all off one to be having the width of this one here.



26

00:03:31,170 --> 00:03:45,270

Column one, we can't copy paste it here and for the columns, small to to be having the width of this



27

00:03:45,660 --> 00:03:46,440

right here.



28

00:03:49,970 --> 00:03:58,940

And for the Poland small country, if it looks confusing, you will know how we can make it and you



29

00:03:58,940 --> 00:04:01,940

will also know why we are doing this.



30

00:04:02,750 --> 00:04:04,160

This is for the small screen.



31

00:04:04,340 --> 00:04:07,130

So let's play an example for the small screen.



32

00:04:07,130 --> 00:04:15,390

I want to be having all three, but true for the medium screen, I want to be having colon five.



33

00:04:16,340 --> 00:04:18,100

We will know how to make this part.



34

00:04:18,320 --> 00:04:28,730

We can go to the column three copies, part basic here and then we have for the colon, small for we



35

00:04:28,730 --> 00:04:39,470

can up the bracket and set or we can just copy the clip from here, copy and paste this one to be for



36

00:04:39,590 --> 00:04:42,150

colon small five.



37

00:04:42,800 --> 00:04:48,590

And for the width of this part we can just copy this and go here.



38

00:04:50,540 --> 00:05:00,350

I think we know no, we got the conflicts here call small of six to be having the width of fifty percent



39

00:05:00,350 --> 00:05:02,900

of the page actually starting.



40

00:05:03,230 --> 00:05:06,230

We can try for the seven.



41

00:05:07,220 --> 00:05:08,900

We can't keep this width.



42

00:05:10,550 --> 00:05:22,100

Go back here colon small seven of the bracket and paste this with and now we can try for the colon small



43

00:05:22,340 --> 00:05:22,850

eight



44

00:05:25,940 --> 00:05:35,930

of the Prickett and paste this with and then here we have for a seven to five percent column smaller



45

00:05:36,110 --> 00:05:40,670

nine to be having the width of seventy five percent.



46

00:05:41,270 --> 00:05:56,360

We can go here and make a column smaller of ten to be having the width of this one here.



47

00:05:58,730 --> 00:06:06,520

And then here we have a colon small eleven to be the width of this one.



48

00:06:07,040 --> 00:06:09,110

The left one would be one hundred percent



49

00:06:12,440 --> 00:06:19,820

colon small twelve to be having the width of the.



50

00:06:22,150 --> 00:06:23,440

One hundred percent.



51

00:06:24,100 --> 00:06:32,130

OK, so let's test what we did and create something we can go here and try to make.



52

00:06:32,140 --> 00:06:34,810

But first we can make this to be also for



53

00:06:37,690 --> 00:07:02,290

one can copy this one here so we can just paste two, three, four, five, six, seven, eight,



54

00:07:05,740 --> 00:07:06,580

nine,



55

00:07:09,310 --> 00:07:14,560

10, 11 and 12.



56

00:07:15,710 --> 00:07:21,480

OK, so let's start with the colon one and four.



57

00:07:21,820 --> 00:07:28,270

We can go here and type called for or just colon.



58

00:07:28,270 --> 00:07:36,190

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



59

00:07:36,190 --> 00:07:43,210

X one, call four and then we can't copy this bond and make it again.



60

00:07:44,590 --> 00:07:48,880

This won't be for the Colon six so we can go in and reload.



61

00:07:51,340 --> 00:07:58,900

So now we got this column for and Colon six but for the small screen, let's make this smaller.



62

00:07:59,140 --> 00:08:04,080

This is the smallest one for the small screen, which is colon small.



63

00:08:04,480 --> 00:08:09,490

I want this to be in the call small office and this to be having goals.



64

00:08:09,550 --> 00:08:12,700

Small things go back, reload.



65

00:08:15,290 --> 00:08:19,670

So now when we reach that small screen, we got this.



66

00:08:23,240 --> 00:08:31,010

As you can see from here, we got this for the small screen, but when we go back to the smallest screen,



67

00:08:31,340 --> 00:08:40,520

we've got the yes, we got this, which looks just from the beginning.



68

00:08:40,520 --> 00:08:45,440

We can make this big column one and this P11.



69

00:08:45,860 --> 00:08:57,230

So here we got one and the like saying that, OK, ok, OK, 11 and for the smaller bomblets to be living



70

00:08:57,230 --> 00:09:07,010

and it's to be one if we can type cold smolov 11 goals, small of one side and.



71

00:09:09,230 --> 00:09:16,380

So now we got this for the screen but when we go to the screen we will be having the different.



72

00:09:17,000 --> 00:09:23,410

OK, that's good Artigas but we can make for the column two and 10.



73

00:09:24,080 --> 00:09:30,470

We can just give some margin or we can create a new class for the margin



74

00:09:33,020 --> 00:09:46,480

margin or just we can make it margin for we can just use the four right now margin job for RTM and margin,



75

00:09:46,490 --> 00:10:00,380

put them off for Mars and put them up for our and we can go back here any margin.



76

00:10:00,450 --> 00:10:04,160

Put them for four percent and clear to put them up.



77

00:10:04,640 --> 00:10:14,750

For now we have some margin after this party we can make for Java with class of Coolen to.



78

00:10:17,660 --> 00:10:25,160

We caught up the bracket, copied this one here to be true, but for the small screen, this will be



79

00:10:25,160 --> 00:10:25,600

10.



80

00:10:26,300 --> 00:10:35,630

We can cover this part, make here, calling them small 10, and we can have this one here and go to



81

00:10:35,630 --> 00:10:44,300

this one and make it small enough to just be trying not to we can't say go back here.



82

00:10:45,020 --> 00:10:45,980

So now we got this.



83

00:10:46,070 --> 00:10:52,700

But when we reach the small screen, this will be having to do.



84

00:10:53,240 --> 00:10:55,020

I think we got something wrong here.



85

00:10:55,490 --> 00:10:59,080

Yes, this will be having 10 and this will be heavy, too.



86

00:10:59,480 --> 00:11:04,250

Let's try for the colon three and nine.



87

00:11:04,880 --> 00:11:11,570

We can actually cover this part, perhaps some white space here, but this big margin, potential for



88

00:11:12,050 --> 00:11:15,170

margin for waste.



89

00:11:15,440 --> 00:11:23,330

And we can add it also here, margin for error and margin put before we can go here and make this.



90

00:11:23,510 --> 00:11:34,750

If we find this to be nine, which the sun will be 12, this one to be for nine months before we say



91

00:11:35,400 --> 00:11:36,150

go pack.



92

00:11:37,640 --> 00:11:39,710

So now we got this for the screen.



93

00:11:39,890 --> 00:11:45,280

But when we make this screen smaller, we've got this week.



94

00:11:46,400 --> 00:11:48,830

This is not responsive now because we need that.



95

00:11:49,100 --> 00:11:49,970

I need class.



96

00:11:49,970 --> 00:11:52,010

I'm going to show you what class we can add here.



97

00:11:53,330 --> 00:11:56,930

OK, so now we've got this three.



98

00:11:56,960 --> 00:11:58,430

Let's make this to be three.



99

00:11:58,670 --> 00:12:03,770

There's to be nine nine three.



100

00:12:05,330 --> 00:12:08,510

So now we got the column three for the small screen.



101

00:12:08,690 --> 00:12:14,000

But when we go to the small, we got this to be nine and there's to be three.



102

00:12:14,570 --> 00:12:20,810

We can copy these classes and paste this one to be four.



103

00:12:20,810 --> 00:12:26,360

And we want to eight, this one to be eight and here to be four.



104

00:12:27,260 --> 00:12:28,010

Four.



105

00:12:28,580 --> 00:12:29,720

Yes, something here.



106

00:12:29,810 --> 00:12:32,440

Nine, eight.



107

00:12:34,880 --> 00:12:41,930

There's to be here called aid and the smaller foot before we can save and go back to our Web page.



108

00:12:41,960 --> 00:12:45,970

Start from the stimulus plan here we got the column for.



109

00:12:46,100 --> 00:12:55,730

But when we reach that and when we reach the small screen here, we're having this with Pollsmoor for



110

00:12:55,970 --> 00:13:01,970

and this the column Small eight, we can make the screen smaller again.



111

00:13:03,260 --> 00:13:10,670

And after this part, we can just copy this one, scroll down, down, down and post again.



112

00:13:11,210 --> 00:13:12,910

This before the Fysh.



113

00:13:13,040 --> 00:13:16,450

We are just testing that everything is working fine.



114

00:13:17,000 --> 00:13:20,000

And here we can just, uh.



115

00:13:21,890 --> 00:13:27,450

May seven, because seven plus five is 12.



116

00:13:28,040 --> 00:13:37,100

They just want to be seven and hear five, and then if it is part, we can just make this to be five



117

00:13:37,550 --> 00:13:45,050

seven, seven five safe and go back to our beach like it is to be here.



118

00:13:46,940 --> 00:13:48,570

So now we got five.



119

00:13:48,830 --> 00:13:55,850

And when we reach the small screen, now we are having this with seven and eight to be five.



120

00:13:56,340 --> 00:13:57,350

OK, that's good.



121

00:13:58,340 --> 00:14:10,310

And after the start, we can copy this one here first and here we can type calling six and call them



122

00:14:10,310 --> 00:14:10,760

six.



123

00:14:11,120 --> 00:14:15,650

It will be making no sense because it will be always 50 percent.



124

00:14:15,920 --> 00:14:19,940

Let's just type add to make sure that everything is OK.



125

00:14:21,920 --> 00:14:22,690

Go pack.



126

00:14:23,420 --> 00:14:27,920

So this is always calling six, as you can see here.



127

00:14:29,230 --> 00:14:30,350

OK, that's cute.



128

00:14:31,220 --> 00:14:38,780

After this part in what we can do is to meet for the seven, eight, four and I think we did it so we



129

00:14:38,780 --> 00:14:40,040

don't need to make it a game.



130

00:14:41,570 --> 00:14:45,910

Four and eight, seven, eight, five, four done it to make it a game.



131

00:14:46,250 --> 00:14:48,800

So now we tested all of the media.



132

00:14:48,800 --> 00:14:51,010

Clowery for the small screen.



133

00:14:51,260 --> 00:14:53,800

I think this is enough for this video.



134

00:14:54,080 --> 00:14:56,950

In the next video over, we can make it a challenge.



135

00:14:57,170 --> 00:15:05,780

I want you to try to edit from the medium large, X large and X large using the same major criteria



136

00:15:05,780 --> 00:15:11,270

we used for the responses on Veja, which is the previous video.



137

00:15:11,660 --> 00:15:13,670

So good luck and have fun.