1 00:00:01,050 --> 00:00:04,470 So now we are adding started straight, but right, let's just give it. 2 00:00:05,100 --> 00:00:08,060 Let's just give the parent container they've offered. 3 00:00:11,300 --> 00:00:16,940 So we'll deal with that last name of component emoji residual. 4 00:00:31,940 --> 00:00:38,680 So we have given it that last name now, let's just now let's just go to a ceasefire, which is a major 5 00:00:38,990 --> 00:00:48,710 road test, so we will be opening a serious phase and this is a more due to the atrocities and that 6 00:00:48,710 --> 00:00:49,940 again is completely empty. 7 00:00:50,270 --> 00:00:52,760 So the first thing that will do is give it the bottom. 8 00:00:53,300 --> 00:00:55,010 So let's just target our component. 9 00:01:04,690 --> 00:01:07,990 Well, we're giving it a border bottom of one big sales order. 10 00:01:12,850 --> 00:01:15,880 And color of hashtag Trabelsi. 11 00:01:18,420 --> 00:01:21,480 Now, apart from giving it a parting of. 12 00:01:25,850 --> 00:01:26,660 10 pixels. 13 00:01:29,900 --> 00:01:30,800 And the height of. 14 00:01:35,710 --> 00:01:36,550 Thirty two pixels. 15 00:01:38,940 --> 00:01:41,910 And after giving it a parting, and I will give it a push and a letter. 16 00:01:45,050 --> 00:01:48,050 And articulation relatively little also give it to foreign family. 17 00:01:50,090 --> 00:01:51,380 Of Helvetica. 18 00:01:55,080 --> 00:01:59,170 And sensitive, so we are going to find family apartment fund family will also give it, of course, 19 00:01:59,210 --> 00:01:59,850 a point of. 20 00:02:03,480 --> 00:02:08,010 Point, so let's just hit, save and close all the elements that we don't need. 21 00:02:08,970 --> 00:02:11,910 And once we're done, we're leaving a wrap. 22 00:02:16,050 --> 00:02:18,240 Now I just open your browser to see your application. 23 00:02:21,850 --> 00:02:26,890 So now we see that the Board of Aldermen, all the classes have been applied, now it's time to move 24 00:02:26,890 --> 00:02:28,990 to other cities, properties and if I just hover over it. 25 00:02:33,500 --> 00:02:39,920 I really want those not working pointers, and let's just do it up again, maybe we're not targeting. 26 00:02:40,930 --> 00:02:41,650 The correct. 27 00:02:43,300 --> 00:02:45,430 Elements or component emoji result. 28 00:02:47,030 --> 00:02:47,380 Joe? 29 00:02:48,840 --> 00:02:54,130 Of course, I should point out, and let's just reward imageries of just five. 30 00:02:58,630 --> 00:03:01,600 So this component imagery is a draw. 31 00:03:03,250 --> 00:03:08,060 Component image is a draw that's appropriate show. 32 00:03:17,520 --> 00:03:20,860 OK, so we have not yet important. 33 00:03:21,060 --> 00:03:26,820 So let's just imported cases, and that is again a silly new mistake. 34 00:03:27,480 --> 00:03:33,480 So let's just import component, which is a module results two tests of it. 35 00:03:33,480 --> 00:03:34,140 It is. 36 00:04:07,860 --> 00:04:09,660 Now hit, save and just fill it up. 37 00:04:21,530 --> 00:04:30,410 So cannot find the module emoji results road test, so why is it that because it's right in front of 38 00:04:30,410 --> 00:04:30,710 us? 39 00:04:33,810 --> 00:04:39,760 OK, so we just waited and we haven't given it the relative fat, so let's just give it the relative 40 00:04:39,760 --> 00:04:41,460 fat now, and it's say. 41 00:04:50,040 --> 00:04:50,450 At least. 42 00:05:14,030 --> 00:05:15,230 Turnover, just take a look at that. 43 00:05:15,390 --> 00:05:21,500 We're having images and we are getting our pointer right, so serious has been applied successfully. 44 00:05:23,460 --> 00:05:28,410 So if we just take a look at that app, we are having our pointer as well as our styles have been applied, 45 00:05:29,040 --> 00:05:31,560 so it's now working properly. 46 00:05:32,130 --> 00:05:34,800 So now it's time to add some more styles to our application. 47 00:05:34,800 --> 00:05:37,470 So let's just head back into our code editor. 48 00:05:39,220 --> 00:05:41,720 And going to our immediate results. 49 00:05:42,910 --> 00:05:48,500 And let's get another element this time there's going to be Hova because we want to change the color 50 00:05:48,500 --> 00:05:52,390 when we are going to hover over our application image, it is a draw and then have a. 51 00:05:56,100 --> 00:05:58,830 And this time we just wanted to give it a background color of. 52 00:06:01,910 --> 00:06:02,990 Hashtag Tripoli. 53 00:06:04,920 --> 00:06:12,510 And apart from this, they'll also be targeting other image element like images so that they are displayed 54 00:06:12,510 --> 00:06:14,100 in proportion to other components. 55 00:06:14,670 --> 00:06:18,390 So let's just get an emoji component. 56 00:06:19,320 --> 00:06:27,570 Images that are true as well as images and the images will be just a blanket with a weight of 32 pixels 57 00:06:27,570 --> 00:06:28,980 and a height of 32 pixels. 58 00:06:34,580 --> 00:06:38,420 Now part of it, and I really want to give it a fighting rate of 10 percent. 59 00:06:40,300 --> 00:06:41,200 Batting, right? 60 00:06:42,470 --> 00:06:46,820 Of 10, because no just hits you and lets you add up. 61 00:06:49,720 --> 00:06:52,990 OK, so our image is not in proportion to other components. 62 00:06:53,380 --> 00:06:56,830 You can see, as well as we are getting the background color, you might see that. 63 00:06:57,460 --> 00:06:59,400 OK, so this is working fine now. 64 00:06:59,410 --> 00:07:07,060 Let's just we want this click to copy and name of emoji to be separated by a vital and we do not want 65 00:07:07,060 --> 00:07:09,490 them to actually be submerged in each other. 66 00:07:09,790 --> 00:07:16,510 So let's just go back into our app now we can get of that so that really just communicating on one emoji 67 00:07:16,900 --> 00:07:18,040 and this time the title. 68 00:07:18,340 --> 00:07:24,280 As you might remember, this title is offered if you just go into it and are doing, this is the title 69 00:07:24,280 --> 00:07:25,540 that we're containing and targeting. 70 00:07:25,540 --> 00:07:25,750 No. 71 00:07:27,300 --> 00:07:31,770 So in a title, we want to give it a property of ablation, relative and top. 72 00:07:33,060 --> 00:07:39,920 Inflation should be relative as well as, OK, just give it a drop of around maybe eight pixels. 73 00:07:41,850 --> 00:07:44,910 Apart from a tightly wound, we also we're targeting for. 74 00:07:48,090 --> 00:07:56,190 And we want it to flow to right, we would not want them to actually look too closely or to part so 75 00:07:56,190 --> 00:07:59,490 we want it to flow to right now, Bertram, right? 76 00:07:59,560 --> 00:08:01,380 We also give it a position relative. 77 00:08:04,640 --> 00:08:09,800 And after Bush in relative will also just make sure that it has a top of it because. 78 00:08:12,600 --> 00:08:15,840 Semicolon and then will you at a rate of 10 pixels? 79 00:08:19,160 --> 00:08:25,610 And after this stop and right will give it a color of a hashtag Trabelsi. 80 00:08:27,960 --> 00:08:29,470 And display of. 81 00:08:34,880 --> 00:08:40,160 Now we have added most of the company or most of the pieces says that we wanted to, but that is when 82 00:08:40,160 --> 00:08:47,120 most cases that are looked at and that is component to the true and this time we will give it a show 83 00:08:47,130 --> 00:08:47,510 how it. 84 00:08:55,540 --> 00:08:57,100 And info. 85 00:09:01,100 --> 00:09:02,600 A display in line of the. 86 00:09:04,930 --> 00:09:10,360 Display of inline blocks now hit save and you are up. 87 00:09:12,780 --> 00:09:14,490 So if we just we are happy that. 88 00:09:21,780 --> 00:09:24,660 OK, so none of them is being applied, and why is that? 89 00:09:25,840 --> 00:09:31,270 Component energy, OK, so we haven't targeted anything apart from images that we just have to put our 90 00:09:31,270 --> 00:09:36,490 period and in front of the info we're getting out of whatever period and in front of. 91 00:09:40,950 --> 00:09:44,160 Hopefully it should work, and I'll let you wrap. 92 00:09:45,180 --> 00:09:50,580 OK, so easy click to copy and whenever they're going to hover over them, otherwise they will be somewhere 93 00:09:51,150 --> 00:09:56,620 in the white space and we are having our name of our apps as a title. 94 00:09:57,030 --> 00:09:58,830 OK, so it is working fine now? 95 00:09:59,760 --> 00:10:00,120 No. 96 00:10:00,780 --> 00:10:03,160 So we have configured our app and the thesis. 97 00:10:03,180 --> 00:10:04,740 So now let's just move ahead.