1 00:00:00,360 --> 00:00:01,020 ‫Hey, there. 2 00:00:01,080 --> 00:00:01,770 ‫Welcome back. 3 00:00:02,220 --> 00:00:07,140 ‫Now let us quickly improve these small takings and then jump on to the responsive part. 4 00:00:07,680 --> 00:00:14,610 ‫So fewer small settings like I need to just have some bold hair that means I need to increase the font 5 00:00:14,610 --> 00:00:14,970 ‫weight. 6 00:00:15,450 --> 00:00:23,310 ‫Also, if you see this whole thing, which is the quotation mark, this is not included in our description, 7 00:00:23,820 --> 00:00:26,640 ‫but we are utilizing the after property to add them. 8 00:00:26,790 --> 00:00:31,380 ‫So I need to do something similar here and feel that small changes. 9 00:00:31,920 --> 00:00:38,370 ‫So the first thing I'm going to do is I'm going to jump here and with my description, an accent. 10 00:00:38,460 --> 00:00:43,980 ‫I need to add a similar property for my before and after so I can add some content. 11 00:00:44,850 --> 00:00:51,150 ‫Now here you can add after as well as you need to add fog before itself. 12 00:00:51,360 --> 00:00:53,490 ‫So I think maybe content can. 13 00:00:54,700 --> 00:01:00,910 ‫Remember, I need to add quotation marks because of this, I'm using single code first and then my quotation 14 00:01:00,910 --> 00:01:02,020 ‫mark in between. 15 00:01:02,590 --> 00:01:06,180 ‫So in this way, I'm not overlapping or writing everything. 16 00:01:06,190 --> 00:01:09,700 ‫But if you jump here right now, you can see this quotation mark. 17 00:01:10,000 --> 00:01:16,360 ‫I write, try to select anything this off that is not selected this off to contain something similar. 18 00:01:16,360 --> 00:01:18,040 ‫I need to do it before. 19 00:01:18,550 --> 00:01:22,310 ‫So if I jump here and therefore save this one? 20 00:01:22,330 --> 00:01:23,170 ‫Get back here. 21 00:01:23,800 --> 00:01:28,630 ‫Now you can see this is our content, but we are not able to select the quotation mark. 22 00:01:28,990 --> 00:01:29,960 ‫This is important. 23 00:01:29,990 --> 00:01:31,060 ‫Remember this point? 24 00:01:31,690 --> 00:01:34,360 ‫The second thing I want to discuss about is the old. 25 00:01:34,840 --> 00:01:43,810 ‫So what I'm going to do is inside my title, I can simply add a property as phone read and headache 26 00:01:43,810 --> 00:01:44,890 ‫and Rs 600. 27 00:01:45,760 --> 00:01:50,380 ‫So if I copied this one added with our name itself, save this one. 28 00:01:51,530 --> 00:01:56,090 ‫This is much better now we have this ball contain Iran name itself. 29 00:01:57,020 --> 00:02:03,860 ‫Now the other thing that I want to discuss is if we have more content, I suppose with our description 30 00:02:04,340 --> 00:02:11,570 ‫lost with the third one, actually, I'm digging or I guess maybe if I have 20 more characters here 31 00:02:12,020 --> 00:02:16,490 ‫and see if this is extended, you can see they have some space now. 32 00:02:16,520 --> 00:02:19,220 ‫Extra space, which we don't want. 33 00:02:19,700 --> 00:02:24,920 ‫So what we can do is we can jump on to our container itself if I jump here. 34 00:02:25,760 --> 00:02:30,410 ‫Now inside our container, we can jump on to other items itself. 35 00:02:30,770 --> 00:02:31,280 ‫I'm here. 36 00:02:31,280 --> 00:02:33,140 ‫We can utilize the property. 37 00:02:33,140 --> 00:02:39,230 ‫If you remember about online content at this point of time, I think this online content has some space 38 00:02:39,230 --> 00:02:42,110 ‫between because of this, this is spreading. 39 00:02:42,680 --> 00:02:49,520 ‫What we can do is we can set align content and we can see not tender but actually start. 40 00:02:50,360 --> 00:02:51,240 ‫Save this one. 41 00:02:51,260 --> 00:02:52,040 ‫Get back here. 42 00:02:52,490 --> 00:02:57,200 ‫You can see now they are sticking towards this start part and this is the case. 43 00:02:57,200 --> 00:02:58,790 ‫They have some extra space. 44 00:02:59,390 --> 00:03:01,220 ‫You can utilize this concept. 45 00:03:01,310 --> 00:03:01,760 ‫OK. 46 00:03:01,850 --> 00:03:03,080 ‫This online content. 47 00:03:03,710 --> 00:03:05,270 ‫Now let me remove this one. 48 00:03:08,040 --> 00:03:08,880 ‫Save this one. 49 00:03:08,910 --> 00:03:09,570 ‫Get back here. 50 00:03:09,780 --> 00:03:10,800 ‫Things looks fine. 51 00:03:11,490 --> 00:03:19,400 ‫The other thing that I negro discusses the background shadow so we cannot walk shadow actually jump 52 00:03:19,410 --> 00:03:20,520 ‫here with our items. 53 00:03:20,520 --> 00:03:26,270 ‫Actually, if you jump here without items, I have options regarding Walk Shadow. 54 00:03:27,890 --> 00:03:32,720 ‫Had I Kannada colour and then specified different values, so I jump here. 55 00:03:33,380 --> 00:03:34,760 ‫This looks much better. 56 00:03:35,540 --> 00:03:37,750 ‫You can play with these values and change. 57 00:03:37,760 --> 00:03:41,000 ‫Maybe if I then had saved this one. 58 00:03:41,030 --> 00:03:41,750 ‫Get back here. 59 00:03:41,870 --> 00:03:44,420 ‫You can see the shadow here, which is pretty high. 60 00:03:44,870 --> 00:03:49,520 ‫So let me go back with zero and this is much better. 61 00:03:50,670 --> 00:03:57,210 ‫So this is the small changes that I really wanted to implement, the next one is allowed deep background 62 00:03:57,480 --> 00:03:58,290 ‫image here. 63 00:03:58,410 --> 00:04:05,610 ‫You can see so what I can do is I can jump on to my item one, but choose this one. 64 00:04:06,670 --> 00:04:10,270 ‫Now here only done one has this background image echo. 65 00:04:10,650 --> 00:04:16,020 ‫So this only item one has this image, so I can likely jump on to my item one. 66 00:04:16,380 --> 00:04:19,130 ‫And here I just need to simply add a background image. 67 00:04:19,160 --> 00:04:20,130 ‫What I can say is. 68 00:04:21,760 --> 00:04:26,240 ‫Since we are utilizing this background properly, I can specify everything in. 69 00:04:26,650 --> 00:04:32,020 ‫But what I'm going to do is I'm going to add them individually for now and then go back to my short 70 00:04:32,020 --> 00:04:32,740 ‫and property. 71 00:04:33,370 --> 00:04:36,340 ‫So here I just need to mention this one. 72 00:04:36,550 --> 00:04:39,700 ‫And then inside that, I need to mention my media. 73 00:04:40,780 --> 00:04:42,940 ‫And then this court date, you not be angry. 74 00:04:43,480 --> 00:04:48,670 ‫So this is going to add image, but this is going to look pretty big. 75 00:04:49,060 --> 00:04:50,530 ‫So we need to do a few settings. 76 00:04:50,800 --> 00:04:54,130 ‫The first setting is going to be related to our background size. 77 00:04:55,210 --> 00:04:58,140 ‫So that's going to have a background, say it's 50 percent. 78 00:04:58,960 --> 00:05:05,740 ‫OK, this is repeating, so I need to change my property, which is going to be background repeat and 79 00:05:05,740 --> 00:05:07,450 ‫I'm going to go with no repeat. 80 00:05:08,560 --> 00:05:09,310 ‫Much better. 81 00:05:09,610 --> 00:05:12,460 ‫Now I need to add opposition I needed here. 82 00:05:12,910 --> 00:05:20,920 ‫So what I can go with as I can add opposition and I can say I need it at top right corner so I can say 83 00:05:20,920 --> 00:05:21,130 ‫it. 84 00:05:21,130 --> 00:05:23,110 ‫All right, save this one. 85 00:05:24,330 --> 00:05:26,280 ‫Looks better, but I need some space. 86 00:05:26,550 --> 00:05:32,370 ‫So from top, I need maybe 10 percent and from right, I need Typekit. 87 00:05:32,940 --> 00:05:36,330 ‫So had I can mention brought up, I need 10 percent. 88 00:05:36,570 --> 00:05:40,060 ‫And from right, I knew then Vixen saved this one. 89 00:05:40,080 --> 00:05:40,890 ‫Get back here. 90 00:05:41,400 --> 00:05:43,380 ‫You can see much better. 91 00:05:43,530 --> 00:05:44,850 ‫OK, exactly the same. 92 00:05:46,290 --> 00:05:47,450 ‫Maybe here it is. 93 00:05:48,000 --> 00:05:50,200 ‫We go on so I can sit one deep cell phone. 94 00:05:51,720 --> 00:05:53,280 ‫Save this one, get back here. 95 00:05:53,700 --> 00:05:54,180 ‫Great. 96 00:05:56,130 --> 00:06:02,760 ‫Now this is done, so I can convert this whole thing and to shorten property soft on my color, I need 97 00:06:02,760 --> 00:06:04,440 ‫to add my image now. 98 00:06:04,440 --> 00:06:09,930 ‫I need to, I know, repeat property and after that I just simply need to add my position. 99 00:06:10,840 --> 00:06:16,240 ‫And once that is done, I can remove all of them, I have my background size separately. 100 00:06:16,930 --> 00:06:18,010 ‫If I get back here. 101 00:06:20,080 --> 00:06:21,790 ‫This is working fine. 102 00:06:22,540 --> 00:06:24,880 ‫So everything looks good for now. 103 00:06:24,970 --> 00:06:28,930 ‫But as soon as I try to squeezer things looks bad. 104 00:06:30,260 --> 00:06:36,320 ‫So what I need to do is I need to this media query as well as I need to play with something related 105 00:06:36,320 --> 00:06:38,870 ‫to size from the next lecture itself. 106 00:06:39,380 --> 00:06:42,200 ‫But for now, I hope you got the idea what we are trying to do. 107 00:06:43,070 --> 00:06:49,040 ‫Now one important thing I need to tell you again that it is not restricted to utilize with the Pixel 108 00:06:49,040 --> 00:06:50,990 ‫Air, you can use auto. 109 00:06:52,550 --> 00:07:00,230 ‫Now will take the exact size of that image, so if I see this image is going to exact size which is 110 00:07:00,230 --> 00:07:03,710 ‫required, OK, I hope you got the idea. 111 00:07:04,250 --> 00:07:09,230 ‫So that's all for this lecture and the next one, we are going to utilize this concept gutsiest. 112 00:07:09,740 --> 00:07:12,620 ‫Thank you for calling, and I see you guys in the next one.