﻿1
00:00:00,740 --> 00:00:01,370
‫Hey, there.

2
00:00:01,460 --> 00:00:02,150
‫Welcome back.

3
00:00:02,570 --> 00:00:08,240
‫Now in this lecture, let us discuss about values related to margin as well as padding.

4
00:00:08,930 --> 00:00:12,950
‫If I jump on to our current web page, jump on to my blog.

5
00:00:12,980 --> 00:00:13,850
‫Any feedback?

6
00:00:14,150 --> 00:00:15,910
‫And then here we have our values.

7
00:00:16,610 --> 00:00:21,700
‫Maybe scroll down to scroll up and then head if I just expand this values.

8
00:00:21,770 --> 00:00:27,660
‫You can see this margin currently have values related to top right bottom as well as left.

9
00:00:27,690 --> 00:00:29,720
‫Remember the troubled period.

10
00:00:30,290 --> 00:00:32,630
‫So that's on the margin values divided.

11
00:00:32,840 --> 00:00:35,510
‫Similarly, dividing values divided like this.

12
00:00:36,080 --> 00:00:43,040
‫Now when we jump here, when we provide margin asked 50, that means we are providing top right bottom

13
00:00:43,040 --> 00:00:47,700
‫as well as left at 50, but we can provide them individually.

14
00:00:47,750 --> 00:00:51,110
‫So instead of this, if I provide margin.

15
00:00:52,870 --> 00:00:58,750
‫Prop 50, and similarly, I need to perform margin ride.

16
00:01:00,630 --> 00:01:03,060
‫And then I need to perform bottom.

17
00:01:08,110 --> 00:01:10,630
‫Now, this is how I can provide individually.

18
00:01:11,350 --> 00:01:17,290
‫Remember, when you want to provide all four values equal, then you can directly use this margin.

19
00:01:18,550 --> 00:01:19,150
‫Fifty bucks.

20
00:01:19,570 --> 00:01:20,630
‫That's how you can do.

21
00:01:20,980 --> 00:01:25,870
‫But it's not this, you can also provide them individually with this margin itself.

22
00:01:27,000 --> 00:01:32,870
‫So you can use 50 mixes, then 50 boxes, then 50 mix those sort of activities.

23
00:01:33,630 --> 00:01:43,200
‫So this is going to take top right bottom left as an individual value if you provide 50 directly, that

24
00:01:43,200 --> 00:01:46,230
‫means all the foresight is going to be 50.

25
00:01:46,620 --> 00:01:52,890
‫But if you want to provide them individually for each side, this will be 50, 50, 50 and 50.

26
00:01:53,250 --> 00:01:55,380
‫It's pretty important for you to understand.

27
00:01:56,010 --> 00:01:57,270
‫Now that's the one thing.

28
00:01:57,270 --> 00:01:58,770
‫That's one important thing.

29
00:01:59,410 --> 00:02:01,230
‫Now let me try to experiment.

30
00:02:01,290 --> 00:02:08,850
‫Maybe here, let me pass as best, then our writers then automatically and then left us 100.

31
00:02:10,680 --> 00:02:14,880
‫If I get back here, you can jump on top dog, scroll down.

32
00:02:15,330 --> 00:02:18,510
‫This is our content padding, then our border.

33
00:02:18,840 --> 00:02:26,430
‫Then you see the margin call best and then we have the brightest and bottom has 50 and then the left

34
00:02:26,430 --> 00:02:27,180
‫as 100.

35
00:02:28,600 --> 00:02:30,070
‫So I hope you got the idea.

36
00:02:30,370 --> 00:02:36,130
‫Now there is one other way that we can pass values so we can pass two values together.

37
00:02:36,520 --> 00:02:44,330
‫So if I buy something like this, it will be top and bottom as thin and left and right destined to the

38
00:02:44,460 --> 00:02:44,890
‫50.

39
00:02:44,890 --> 00:02:46,160
‫Here, sir.

40
00:02:46,200 --> 00:02:51,880
‫Talk one more time as 10 left and right us 50 can back here, you can see.

41
00:02:53,100 --> 00:02:56,880
‫Top and bottom has 10 left and right as 50.

42
00:02:57,810 --> 00:02:59,820
‫Now remember this important concept.

43
00:03:00,150 --> 00:03:04,980
‫You have three different ways to pass a value with this margin itself.

44
00:03:05,400 --> 00:03:07,470
‫You can directly pass the excel.

45
00:03:07,500 --> 00:03:09,750
‫It will be on for will.

46
00:03:10,650 --> 00:03:12,840
‫Then you can pass individual values.

47
00:03:14,100 --> 00:03:22,380
‫That means top right, bottom left, then you can pass the Tougaloo pack that is going to be top and

48
00:03:22,380 --> 00:03:27,030
‫bottom just are Y-axis and then left and right, which is are x axis.

49
00:03:27,480 --> 00:03:29,280
‫So that's all you can pass now.

50
00:03:29,280 --> 00:03:36,540
‫When you want to pass only one value, then you can use these individuals like margin, top and excel

51
00:03:36,540 --> 00:03:40,140
‫or whatever the value want when you want to just pass one value.

52
00:03:40,170 --> 00:03:46,740
‫Otherwise, I strongly recommend to utilize this margin itself so you can either use this in which we

53
00:03:46,740 --> 00:03:48,810
‫have for values, individual also.

54
00:03:49,500 --> 00:03:52,650
‫Or you can just take the banner of X and Y axes.

55
00:03:53,400 --> 00:03:54,840
‫That's how it is going to work.

56
00:03:54,960 --> 00:03:58,650
‫Similarly, the exact same concept is followed on padding.

57
00:03:59,040 --> 00:04:04,890
‫So if I take 50 y 50 here on, let's take five by then here.

58
00:04:05,250 --> 00:04:08,160
‫So that means top and bottom five and left and right.

59
00:04:08,160 --> 00:04:14,760
‫Then in back here and you can see top and bottom is five and then left and right is 10.

60
00:04:15,300 --> 00:04:17,160
‫That's how this concept is followed.

61
00:04:17,190 --> 00:04:22,560
‫It's pretty important for you to understand the value because I hope now you understood.

62
00:04:22,920 --> 00:04:27,120
‫Remember, something similar is colored with border weight as well.

63
00:04:27,570 --> 00:04:31,590
‫So if you jump in, these are on board over it.

64
00:04:32,040 --> 00:04:36,600
‫We can play with bodywork as well if we don't hear so much about border.

65
00:04:40,600 --> 00:04:42,050
‫Scrawl the border where.

66
00:04:44,530 --> 00:04:51,150
‫You will get ideas that mourn over to one pixel, and that will be all sides, then to pixels zero that

67
00:04:51,160 --> 00:04:54,910
‫will be top and bottom quartile pixel and then left and right will be zero.

68
00:04:55,510 --> 00:04:56,410
‫You can follow this.

69
00:04:56,530 --> 00:04:59,420
‫I also recommend to check out about margin zero.

70
00:04:59,440 --> 00:05:02,200
‫Then you have this target pixel for all side.

71
00:05:02,380 --> 00:05:05,950
‫You can see then these two values and keep on oiling.

72
00:05:06,370 --> 00:05:07,450
‫So it's recommended.

73
00:05:07,510 --> 00:05:09,010
‫These were the common values.

74
00:05:09,010 --> 00:05:12,340
‫That means the common instance that I recently discussed.

75
00:05:12,880 --> 00:05:19,600
‫So you can either go with X and Y or for individual values or just margin top margin bottom when you

76
00:05:19,600 --> 00:05:21,520
‫want to use only one value.

77
00:05:22,150 --> 00:05:22,740
‫Dr.

78
00:05:23,110 --> 00:05:24,640
‫I hope this lecture was helpful.

79
00:05:24,760 --> 00:05:25,940
‫Thank you for calling.

80
00:05:25,960 --> 00:05:27,700
‫And I see you guys in the next one.

