1 00:00:00,780 --> 00:00:07,530 OK, guys, here, this is the version, and this is the version we are creating, we're just going 2 00:00:07,530 --> 00:00:16,710 to make this response because when we make smaller starting from here, we want to make this text centered. 3 00:00:17,100 --> 00:00:27,090 We can just go and think about we've got this four column six until we reach the medium screen so we 4 00:00:27,090 --> 00:00:36,930 can go to Ulysses S. Scroll down and then we can make this here media off screen. 5 00:00:36,930 --> 00:00:49,420 And I'm going to show you what the screen is and the max width of nine nine one or the medium is from. 6 00:00:49,420 --> 00:00:51,810 We can get it from up here. 7 00:00:52,980 --> 00:00:57,420 OK, this is a small because the medium. 8 00:00:57,420 --> 00:00:57,720 Yes. 9 00:00:57,750 --> 00:01:06,450 Here we can just copy this with scroll down and yes. 10 00:01:07,700 --> 00:01:12,200 Basic here, but this one to be seven point nineteen pixels. 11 00:01:12,210 --> 00:01:15,120 I told you before about the bracket. 12 00:01:15,390 --> 00:01:16,920 What is screen. 13 00:01:17,940 --> 00:01:27,000 This could mean I want a match with of seven six seven point nine eight pixels and everything below 14 00:01:27,000 --> 00:01:27,660 this number. 15 00:01:28,080 --> 00:01:30,740 That is the screen meaning. 16 00:01:31,590 --> 00:01:34,110 And here we want to make this standard. 17 00:01:34,380 --> 00:01:43,860 We can just go here and make home inside it to grow, to be having a third of this, to be fast because 18 00:01:43,860 --> 00:01:49,190 it is an idea, just a line of center. 19 00:01:49,590 --> 00:01:51,200 We can now go and reload. 20 00:01:51,510 --> 00:01:55,560 And then we got the center until we go to the small screen. 21 00:01:55,860 --> 00:01:57,900 We just need to add some margin here. 22 00:01:58,410 --> 00:02:07,410 We can go and see the class of the image or we can just make that inside, add an image to be having 23 00:02:07,410 --> 00:02:13,500 margin job of let's try to make seventy five pixels. 24 00:02:13,980 --> 00:02:15,130 What about now. 25 00:02:15,570 --> 00:02:17,910 OK, so now we get some good margins. 26 00:02:18,390 --> 00:02:23,520 We can make the screen smaller to make sure that everything is working perfect. 27 00:02:24,080 --> 00:02:25,920 OK, we get no problem with it. 28 00:02:26,040 --> 00:02:28,110 Let's try to up and inspect. 29 00:02:30,030 --> 00:02:33,900 OK, that you expect is perfect and we got no problem with the inspect. 30 00:02:34,980 --> 00:02:36,090 OK, that's good. 31 00:02:37,410 --> 00:02:39,030 This is completely responsive. 32 00:02:39,450 --> 00:02:45,060 And after the spark, let's check the responsive design for all of the screen. 33 00:02:45,060 --> 00:02:50,190 We can just open the screen here and away from the inspect. 34 00:02:52,360 --> 00:03:00,600 OK, talking from here, this is for OK, that's good, we can make a screen again. 35 00:03:04,980 --> 00:03:10,860 OK, we can test every one hundred pixels we can start from. 36 00:03:13,640 --> 00:03:14,440 Here, OK. 37 00:03:15,710 --> 00:03:16,760 OK, that's good. 38 00:03:19,130 --> 00:03:22,010 Let's get you one thousand. 39 00:03:24,050 --> 00:03:24,960 Starting from here. 40 00:03:24,980 --> 00:03:27,060 OK, OK, that's good. 41 00:03:28,120 --> 00:03:29,960 Let's go to the nine hundred. 42 00:03:34,570 --> 00:03:35,430 OK. 43 00:03:39,940 --> 00:03:44,200 This is also good again for the 800. 44 00:03:49,120 --> 00:03:50,860 OK, this is also good, 45 00:03:53,740 --> 00:03:57,190 starting from here, from medium to small. 46 00:03:57,850 --> 00:03:59,440 OK, perfect. 47 00:04:05,650 --> 00:04:07,150 OK, also good. 48 00:04:09,750 --> 00:04:13,200 The smaller and we got no problem with the rest of the screens. 49 00:04:15,650 --> 00:04:19,530 We just need to something because make of the problem this way. 50 00:04:20,750 --> 00:04:22,320 Yes, here we get a problem. 51 00:04:22,850 --> 00:04:23,770 What do you think? 52 00:04:24,170 --> 00:04:27,450 How do you think we can solve this problem? 53 00:04:27,830 --> 00:04:33,410 We can just go to the success and think about it where the SIFIs is here. 54 00:04:35,400 --> 00:04:39,780 Yes, let's make this three, three or twenty five. 55 00:04:39,840 --> 00:04:46,290 I've just added before, OK, and now where? 56 00:04:46,290 --> 00:04:51,390 Where, where it's here. 57 00:04:54,270 --> 00:05:01,110 The equal pairing makes the problem of this problem, if you just find this problem, you can just edit 58 00:05:01,110 --> 00:05:05,850 the page, we can edit the bedding, pretend to be one to five pixels. 59 00:05:06,580 --> 00:05:09,770 You can go here and read aloud, OK? 60 00:05:09,780 --> 00:05:13,110 And now the problem is solved with and we got no problem with it. 61 00:05:13,620 --> 00:05:17,070 In the next video, we will add the section. 62 00:05:18,030 --> 00:05:20,320 So good luck and have fun.