1
00:00:00,590 --> 00:00:03,320
So our app, as of now is neither looking great nor beautiful.

2
00:00:03,770 --> 00:00:09,050
And if you just take a look at that up, we see that there are definitely some sort of browser pairings

3
00:00:09,050 --> 00:00:12,980
as well as margins in an application which you obviously do not want.

4
00:00:13,400 --> 00:00:19,280
So let's head back to data and will be adding code to our that this properties to our application.

5
00:00:19,850 --> 00:00:24,260
So now the first thing that we are going to do is that we make sure that there are no margins as well

6
00:00:24,260 --> 00:00:27,740
as padding around that application because as of now, there are many.

7
00:00:28,700 --> 00:00:34,220
So head back into your code back, put, determine and select all and give it a margin.

8
00:00:36,620 --> 00:00:39,500
Of zero, as well as with the batting of zero.

9
00:00:41,610 --> 00:00:47,340
And under the margins and particularly with the border, I mean, sizing of what a box.

10
00:00:48,470 --> 00:00:49,190
So books.

11
00:00:50,500 --> 00:00:55,360
So I think it's going to be going to body box and after this book sizing, let's give it up.

12
00:00:55,900 --> 00:00:58,810
OK, so it's final, let's say, when your application.

13
00:01:00,080 --> 00:01:04,590
So we obviously see that all those bad things, as well as margins around their application is going

14
00:01:05,220 --> 00:01:06,620
to be stepping up to the left.

15
00:01:07,220 --> 00:01:09,050
No, then again, this is not what we want.

16
00:01:09,170 --> 00:01:11,840
So after this, let's select a route.

17
00:01:13,490 --> 00:01:21,380
And I've this road, what I want to do is that we're going to give it a minute out of it.

18
00:01:22,760 --> 00:01:26,660
And after this, Minhaj, will you the background colour to give it a background?

19
00:01:26,960 --> 00:01:30,830
And this is going to be called to hashtag 3V.

20
00:01:31,470 --> 00:01:33,440
And then again, 3B and then they need.

21
00:01:34,460 --> 00:01:39,500
OK, so this is the background color tribute, it's not two, three three three three nine it OK, so

22
00:01:39,500 --> 00:01:40,400
this is a background color.

23
00:01:40,800 --> 00:01:42,830
Now let's just hit save and we your application.

24
00:01:44,300 --> 00:01:49,100
So, yeah, definitely we're having the background color that we won't know after this or trying to

25
00:01:49,100 --> 00:01:50,810
do is that let's head back into a.

26
00:01:52,130 --> 00:01:55,430
Now we're going to target other elements of the first one is going to be a container.

27
00:01:55,730 --> 00:01:57,470
So that's Doug in the container.

28
00:01:58,610 --> 00:02:02,810
If you don't remember to just head back into our projects, so this is our day or the parent container

29
00:02:02,810 --> 00:02:05,990
that we have, so we'll be adding style to our parent container.

30
00:02:05,990 --> 00:02:12,850
Now we're going to give it a bit of about 250 boxes, so we'll give it a little 350 pixels.

31
00:02:13,250 --> 00:02:17,180
And after this particular weight, but I need to do is God will be giving it a margin.

32
00:02:17,720 --> 00:02:21,050
So let's go to margin and this margin is going to be equal to zero.

33
00:02:21,050 --> 00:02:21,500
And I'll do.

34
00:02:23,510 --> 00:02:28,160
So after this margin, what it needs to do is that at the beginning of polling top.

35
00:02:28,580 --> 00:02:34,030
So give it a fighting duck and this president up is going to hold the value of 200 pixels.

36
00:02:34,680 --> 00:02:37,790
No, but it's cynical and hit save and let's see it application.

37
00:02:38,360 --> 00:02:39,830
OK, so if we just take a look.

38
00:02:40,010 --> 00:02:43,220
OK, we definitely see that it has come to the center of our application.

39
00:02:43,670 --> 00:02:44,960
Almost have this intimacy.

40
00:02:45,410 --> 00:02:51,030
And after this, what I need to do is that so we have to go to our content right now, we need that.

41
00:02:51,290 --> 00:02:53,300
We need to go to our other component.

42
00:02:53,630 --> 00:02:56,660
And this time it is going to be a generator.

43
00:02:57,290 --> 00:03:01,100
So if you just take a look back here, that last name generators are, this is what they're targeting

44
00:03:01,100 --> 00:03:01,310
now.

45
00:03:01,790 --> 00:03:03,590
So let's give it a generator.

46
00:03:05,220 --> 00:03:10,820
Now, this generator is going to hold different values, such as the border radius, so let's give it

47
00:03:10,830 --> 00:03:14,590
a border radius of about three boxes.

48
00:03:15,390 --> 00:03:17,520
No, it's safe and that's your application.

49
00:03:19,440 --> 00:03:24,030
So we just can't see it now because you have different colors right now, let's add a color to it.

50
00:03:24,150 --> 00:03:25,320
So with the background?

51
00:03:28,270 --> 00:03:33,940
And this time the background is going to hold up the value hashtag two three two three five two three

52
00:03:33,940 --> 00:03:35,470
two three five.

53
00:03:36,010 --> 00:03:38,860
So this is a background on, let's say, when we application.

54
00:03:40,430 --> 00:03:44,720
So here is a message that background color of our container generator.

55
00:03:45,980 --> 00:03:51,830
And after this container background, we are going to give it another property, and this time it is

56
00:03:51,830 --> 00:03:53,150
going to be a book shadow.

57
00:03:53,900 --> 00:03:56,750
So border radius is supposed to be three pixels, and it did.

58
00:03:56,750 --> 00:03:57,480
Indeed, it is.

59
00:03:57,500 --> 00:04:00,770
And after this background, we're going to give it a box shadow.

60
00:04:00,770 --> 00:04:02,700
So let's give it a box shadow.

61
00:04:02,720 --> 00:04:13,250
And this is going to hold up the value of zero pixels, pixels, then pixels and an g value.

62
00:04:13,250 --> 00:04:21,140
And this ogbia value is going to be 200 device and two and 250 fifty five and then zero point.

63
00:04:23,440 --> 00:04:24,650
OK, now it's safe.

64
00:04:26,240 --> 00:04:30,140
So this is a job value, so are supposed to end up with a.

65
00:04:32,120 --> 00:04:33,240
So there is a debate.

66
00:04:33,650 --> 00:04:34,760
Let's take a look at Wrap.

67
00:04:35,980 --> 00:04:36,330
OK.

68
00:04:36,640 --> 00:04:40,600
We definitely see a light box, Shadow Minister John.

69
00:04:41,350 --> 00:04:47,550
Now let's take a look back into a generator now after this shadow will give it a padding.

70
00:04:48,070 --> 00:04:52,570
So let's add some padding to our application, so give it a padding.

71
00:04:54,110 --> 00:04:56,480
And this batting is going to be equal to.

72
00:04:58,060 --> 00:05:03,880
Supposedly with 20 pixels, I guess, you know, OK, hit it, and let's get application.

73
00:05:05,730 --> 00:05:08,530
So, yeah, it's working fine now.

74
00:05:08,920 --> 00:05:13,770
We are targeting a parcel generator, so if we just take a look into our application.

75
00:05:14,160 --> 00:05:17,340
So this is a power generator, so we'll be targeting that header basically.

76
00:05:17,580 --> 00:05:21,810
And if we just take a look back in that application two, OK, so this is supposed to have a class name,

77
00:05:22,350 --> 00:05:23,460
so give it a class name.

78
00:05:23,460 --> 00:05:24,750
We'll be going to a generator.

79
00:05:27,490 --> 00:05:28,300
And underscore.

80
00:05:29,420 --> 00:05:32,810
Heather, OK, so in know, main generator.

81
00:05:36,810 --> 00:05:38,640
So it doesn't read or indeed it is.

82
00:05:38,670 --> 00:05:40,200
No, it's we weird application.

83
00:05:40,220 --> 00:05:43,270
No, right inside the generator room to target that header.

84
00:05:43,300 --> 00:05:47,790
So an and saying because it's the child and an underscore and ahead of.