1 00:00:08,200 --> 00:00:14,380 So now, if we just take a look at it up, we can see that even at a person margin of zero. 2 00:00:14,950 --> 00:00:16,180 OK, so let's do it. 3 00:00:16,510 --> 00:00:19,270 Give it a person. 4 00:00:21,160 --> 00:00:22,630 But this time the better off element. 5 00:00:22,780 --> 00:00:24,130 Margin bottom of zero. 6 00:00:26,480 --> 00:00:28,200 I will give it a margin of zero. 7 00:00:28,570 --> 00:00:31,450 It's a and that's view up again. 8 00:00:35,280 --> 00:00:41,850 OK, so now if we just take a look at that ABC, that this particular burden clearly is kind of awkward 9 00:00:42,360 --> 00:00:48,300 because it is not having any cases and the default status that has been adopted might not be something 10 00:00:48,300 --> 00:00:50,310 that you would want in our application. 11 00:00:50,730 --> 00:00:56,190 So now let's just change this as a power button element. 12 00:00:57,410 --> 00:01:04,100 So this is the final piece of the puzzle that will be adding to our app, and let's drag it out, but 13 00:01:04,100 --> 00:01:04,670 an element. 14 00:01:07,080 --> 00:01:12,000 And we'll give it a shot at our passionate rebels than that again, right? 15 00:01:12,330 --> 00:01:21,050 But of different shades, so this should be a black and OK, this should be black and will get rid of 16 00:01:21,060 --> 00:01:22,200 it 100 percent. 17 00:01:23,580 --> 00:01:24,660 But it should go behind. 18 00:01:24,660 --> 00:01:30,750 It was another container, which independent person and if, if were transparent. 19 00:01:31,620 --> 00:01:34,560 We want the bodies to be transparent model. 20 00:01:40,310 --> 00:01:44,690 We want to be transparent, and Detroit will give it a background color of our bank. 21 00:01:44,900 --> 00:01:48,680 And that again, hashtag F 28, EB two. 22 00:01:49,430 --> 00:01:53,210 So this is a painkiller that we're using in our background and we'll give it a marginal. 23 00:01:55,770 --> 00:02:06,330 To them or to zero, and so it should return and then order and then zero and then again order and then 24 00:02:06,330 --> 00:02:13,890 come on and then we'll give it a tax transformation to capitalize because at present it is not capitalized. 25 00:02:13,900 --> 00:02:15,060 So let's Sierra. 26 00:02:15,090 --> 00:02:18,810 OK, so nice looking good and we can see that it has been jeopardized. 27 00:02:18,810 --> 00:02:25,500 But if he did again and just go and come in this particular part and hit you, we will see that. 28 00:02:26,600 --> 00:02:32,930 OK, so it's not our place now, but you are wondering that how am I doing this commenting now? 29 00:02:33,170 --> 00:02:36,830 So just go to that particular line or you can select the type and I block it. 30 00:02:36,830 --> 00:02:37,520 You want to comment? 31 00:02:38,390 --> 00:02:39,470 Hold control. 32 00:02:39,470 --> 00:02:46,400 And if you are in windows and press the backslash button, so it's could to be automatically into and 33 00:02:46,400 --> 00:02:53,480 it doesn't matter whether you are into this or you are, and just basically just select all of it and 34 00:02:53,480 --> 00:02:54,260 press comment. 35 00:02:54,590 --> 00:02:57,020 It will become and it will comment all those lines, right? 36 00:02:58,070 --> 00:03:01,390 So this was a pretty small hack, which you learn. 37 00:03:01,410 --> 00:03:05,450 Just know that is if you didn't knew about it. 38 00:03:07,200 --> 00:03:12,760 Now we have added tax transformation to capitalize now I will give it a font size of 1.2. 39 00:03:13,890 --> 00:03:14,670 So let's give it. 40 00:03:14,910 --> 00:03:18,300 OK, so that's not the place for font size. 41 00:03:19,660 --> 00:03:20,940 Of 1.2m. 42 00:03:23,440 --> 00:03:25,870 And believe it, a batting of zero. 43 00:03:27,590 --> 00:03:29,930 Batting of zero point five then. 44 00:03:31,870 --> 00:03:33,250 As well as 0.1. 45 00:03:34,720 --> 00:03:35,950 Or perhaps just as zero. 46 00:03:37,090 --> 00:03:38,040 And we'll give it. 47 00:03:38,260 --> 00:03:45,740 Let us know because we want the letters not sticking too close to each other because space is a necessity 48 00:03:45,740 --> 00:03:46,070 in hell. 49 00:03:46,780 --> 00:03:53,860 So we'll get a letter spacing of 0.1 them, but obviously do not want them to be spaced pretty badly 50 00:03:54,640 --> 00:03:57,010 anywhere near the border areas of 0.5mm. 51 00:03:57,250 --> 00:04:02,560 Let's give it a border radius of 0.2 five. 52 00:04:02,820 --> 00:04:09,100 Then then, as we have added, mostly because of the cold, we have one day's batting order spacing 53 00:04:09,400 --> 00:04:11,260 and I just hit save and let's see it up. 54 00:04:13,810 --> 00:04:16,450 OK, so Britain has definitely increased. 55 00:04:17,380 --> 00:04:18,640 OK, now let's go back. 56 00:04:19,980 --> 00:04:25,590 And are seeing this vote, and we'll outline of one pixel solid. 57 00:04:28,030 --> 00:04:34,360 Oh, line off when one are solid and gee, Bill. 58 00:04:36,560 --> 00:04:38,790 OK, it should be my typo. 59 00:04:39,390 --> 00:04:46,890 242, 242, 138, 178, 138 and then 178. 60 00:04:47,940 --> 00:04:52,830 And then 0.8, then this is again your pinkish color. 61 00:04:52,890 --> 00:05:04,110 That is the background of and at last we want add up to actually changing the cursor when we are floating 62 00:05:04,110 --> 00:05:05,460 over are clear all button. 63 00:05:05,460 --> 00:05:08,540 So we'll just give it a go of 0.0. 64 00:05:08,820 --> 00:05:11,010 No hit save and let's vote up. 65 00:05:11,340 --> 00:05:16,440 So now you see, if I hover over my app, it is going to change 2.0. 66 00:05:17,010 --> 00:05:21,960 Now let's test our responsiveness if I just reduce the size of my app. 67 00:05:22,500 --> 00:05:26,420 We'll see the buttons as well as the name as well. 68 00:05:26,760 --> 00:05:32,490 All already do have shrunk into the mobile site because it's a mobile first app, so we have successfully 69 00:05:32,490 --> 00:05:33,600 added tests to our app. 70 00:05:33,870 --> 00:05:36,810 Now it's time for this deployment because everything is ready.