1
00:00:00,960 --> 00:00:02,250
‫Heather, welcome back.

2
00:00:02,460 --> 00:00:07,860
‫Now in this lecture, let us quickly start our task with this heading and then keep on falling with

3
00:00:07,860 --> 00:00:08,550
‫other parts.

4
00:00:09,300 --> 00:00:14,280
‫So the first thing I'm working on is I'm going to target this, which is odd at one.

5
00:00:14,850 --> 00:00:20,220
‫And inside this, I can handle things maybe about our phone size that it's definitely going to change.

6
00:00:20,850 --> 00:00:23,920
‫And then maybe I want to align this at center.

7
00:00:23,940 --> 00:00:24,420
‫Why?

8
00:00:24,900 --> 00:00:26,250
‫Because this is a blog.

9
00:00:26,280 --> 00:00:29,460
‫If you remember this concept, I if I right click here.

10
00:00:31,710 --> 00:00:32,850
‫You can see it's a blog.

11
00:00:33,000 --> 00:00:38,610
‫So I want to align this exact center, that means my next line should be at center.

12
00:00:40,080 --> 00:00:44,280
‫The next thing is going to be about my padding, something I need to answer can.

13
00:00:44,550 --> 00:00:47,070
‫And then there is some border bottom.

14
00:00:47,760 --> 00:00:52,920
‫If you look at this here, we have some line, so I need to add this as well.

15
00:00:53,280 --> 00:00:55,500
‫Batting will be between my content.

16
00:00:55,680 --> 00:00:57,690
‫Log in and then this water.

17
00:00:58,320 --> 00:01:01,950
‫I hope you got the idea, so there will be more at the bottom.

18
00:01:04,410 --> 00:01:10,130
‫Now, remember, border is a blight on the oil for side, but we can select one site and utilize it,

19
00:01:10,260 --> 00:01:12,030
‫remember MMRDA shorthand properties?

20
00:01:12,270 --> 00:01:13,590
‫That's where this comes in.

21
00:01:14,870 --> 00:01:19,850
‫OK, so the first thing I'm going to apply is let me try to use on to.

22
00:01:22,810 --> 00:01:24,370
‫OK, much better, smaller.

23
00:01:24,440 --> 00:01:26,780
‫I am going to use 2.5 different.

24
00:01:28,290 --> 00:01:34,350
‫Then I have Big Star Center, then I'm going to have padding, so padding shouldn't be on the bottom

25
00:01:34,350 --> 00:01:35,220
‫side only, right?

26
00:01:37,210 --> 00:01:40,120
‫OK, so I'm going to be a glass bottom.

27
00:01:41,160 --> 00:01:43,770
‫And this should be to relax decorum.

28
00:01:45,510 --> 00:01:46,290
‫Much better.

29
00:01:46,740 --> 00:01:48,480
‫And then I need some light.

30
00:01:48,510 --> 00:01:54,240
‫I'm going to use zero point one them, that will be one pixel, so and colors should be either gray

31
00:01:54,240 --> 00:01:55,200
‫or silver or something.

32
00:01:58,730 --> 00:02:05,060
‫OK, there is lane, but we need some space, so I'm going to jump on going next section, which is

33
00:02:05,060 --> 00:02:06,290
‫going to be about four.

34
00:02:08,910 --> 00:02:15,780
‫And head on with our margin as one of them that relied on the for side, click here.

35
00:02:16,230 --> 00:02:19,080
‫OK, now you can see this is logging.

36
00:02:19,410 --> 00:02:21,720
‫We have some sprouting space.

37
00:02:22,560 --> 00:02:26,340
‫Now remember padding as distance between content and water.

38
00:02:26,370 --> 00:02:28,020
‫That's why I'm using padding here.

39
00:02:28,830 --> 00:02:34,710
‫So this is done and then I have forms of foam, currently have one gram of space on all side.

40
00:02:35,340 --> 00:02:37,470
‫So that's where this comes into picture.

41
00:02:37,470 --> 00:02:38,790
‫I need some space here.

42
00:02:39,780 --> 00:02:40,470
‫You can see.

43
00:02:42,690 --> 00:02:46,020
‫And this section is looking exactly the same like this one.

44
00:02:47,790 --> 00:02:53,700
‫The form is bigger, I guess, in size, but we will add some weight by the end of this whole project.

45
00:02:53,940 --> 00:02:54,540
‫Don't worry.

46
00:02:56,120 --> 00:02:57,950
‫So that's where our form is done.

47
00:02:58,100 --> 00:03:01,190
‫The next thing we are going to walk is the input for you.

48
00:03:01,700 --> 00:03:04,550
‫So inside out of form, this is done.

49
00:03:04,940 --> 00:03:06,840
‫Then we have our little margin for this.

50
00:03:06,860 --> 00:03:09,140
‫Now I need to work with all of these groups.

51
00:03:09,590 --> 00:03:16,280
‫So first, I'm going to walk with this input field here with my art, I'm going to utilize the input.

52
00:03:18,080 --> 00:03:20,360
‫I'm going to take with us 100 percent.

53
00:03:22,560 --> 00:03:24,480
‫If I save this one, get back here.

54
00:03:25,300 --> 00:03:30,810
‫This is much better, so we have these two fields and then we have this Wal-Mart password.

55
00:03:30,840 --> 00:03:36,480
‫So we need to play with these two wheels, actually, because if you see these are much better.

56
00:03:37,920 --> 00:03:46,170
‫So there are going to be several changes with these input, the medium back here, once my faith is

57
00:03:46,170 --> 00:03:53,820
‫done, I need to create some gap between this, the field and the top as well as these two will actually.

58
00:03:55,350 --> 00:03:57,540
‫So I'm going to add Martian top.

59
00:04:02,750 --> 00:04:03,560
‫Get back here.

60
00:04:03,890 --> 00:04:11,120
‫OK, much better now, the next thing I want to change is this hike as well as the foreign side, actually.

61
00:04:11,510 --> 00:04:13,610
‫So we'll see defined as too small.

62
00:04:13,700 --> 00:04:15,800
‫Also, this height is too small.

63
00:04:16,580 --> 00:04:23,030
‫What I'm going to do is since we have already selected this input, what we can do is we can change

64
00:04:23,030 --> 00:04:24,740
‫the font size as well as height.

65
00:04:25,410 --> 00:04:29,180
‫So let me add height, and I'm going to call this as a forum.

66
00:04:29,540 --> 00:04:37,280
‫And the second thing I want to add is my font size, which is going to be one point, maybe six five.

67
00:04:37,340 --> 00:04:38,660
‫Let me try one point five.

68
00:04:39,650 --> 00:04:40,430
‫And back here.

69
00:04:43,650 --> 00:04:47,160
‫OK, I need something smaller, so let me try one point or.

70
00:04:51,740 --> 00:04:52,340
‫Much better.

71
00:04:53,720 --> 00:05:00,230
‫OK, this is the case, so I have a better box, which I don't need.

72
00:05:00,380 --> 00:05:07,280
‫That means I need to remove these borders and then add border what that means the only important part.

73
00:05:07,850 --> 00:05:10,010
‫What I'm going to do is I'm going to add border.

74
00:05:10,010 --> 00:05:10,400
‫None.

75
00:05:13,920 --> 00:05:15,300
‫And then more the bottom.

76
00:05:17,330 --> 00:05:25,020
‫Which is going to be zero point one five then solid, and I need some color have.

77
00:05:26,870 --> 00:05:31,220
‫Maybe silvery grey, something like this phone on when we use silver as it is.

78
00:05:31,430 --> 00:05:32,270
‫Or maybe gray.

79
00:05:32,530 --> 00:05:36,530
‫So if I see the change, much better looks nice.

80
00:05:38,080 --> 00:05:41,650
‫Maybe something darker than silver, OK, I need to replace this whole so much.

81
00:05:42,580 --> 00:05:44,290
‫Maybe something darker than silver.

82
00:05:44,410 --> 00:05:45,490
‫I have some colors.

83
00:05:45,820 --> 00:05:47,140
‫Let me try to use it.

84
00:05:49,840 --> 00:05:50,810
‫Save this one.

85
00:05:50,830 --> 00:05:51,700
‫Get back here.

86
00:05:52,980 --> 00:05:53,700
‫Much better.

87
00:05:53,910 --> 00:05:54,320
‫OK.

88
00:05:55,730 --> 00:06:01,670
‫So this looks much better now, the thing is, I need to remove this if I had something, the first

89
00:06:02,060 --> 00:06:04,630
‫thing that you see is my batting.

90
00:06:04,640 --> 00:06:10,160
‫I need to add some space here, so I am not at the exact left side.

91
00:06:10,520 --> 00:06:13,490
‫What I can do is I can are batting here.

92
00:06:15,120 --> 00:06:17,550
‫Are you there, I can add padding left directly.

93
00:06:17,940 --> 00:06:21,870
‫I should add padding then zero and 0.5.

94
00:06:22,160 --> 00:06:24,570
‫So I even have some space on this side as well.

95
00:06:26,110 --> 00:06:27,790
‫And it may refresh this one.

96
00:06:29,170 --> 00:06:34,210
‫OK, you can see this face now, and there will be some space here.

97
00:06:34,600 --> 00:06:35,980
‫You can also check here.

98
00:06:36,640 --> 00:06:40,170
‫Jump on today and you can see some panning the green part.

99
00:06:41,020 --> 00:06:42,310
‫I hope you got the idea.

100
00:06:42,670 --> 00:06:43,360
‫This is done.

101
00:06:43,370 --> 00:06:44,380
‫This focuses.

102
00:06:44,380 --> 00:06:45,250
‫Need to do more.

103
00:06:45,430 --> 00:06:50,890
‫There is a property like I'll let me try to check this and see.

104
00:06:54,120 --> 00:07:00,150
‫So that input field, we have outlined property and we can utilize it as none to remove the outline

105
00:07:00,150 --> 00:07:01,860
‫when we try to write something.

106
00:07:02,130 --> 00:07:03,660
‫That's how you are going to remove it.

107
00:07:04,170 --> 00:07:05,010
‫That's done.

108
00:07:05,040 --> 00:07:06,540
‫That's the whole part.

109
00:07:06,780 --> 00:07:12,840
‫There are few things we still need to work on, like when we hawatt over this, I need to add this line.

110
00:07:15,210 --> 00:07:17,490
‫So I can simply use all.

111
00:07:20,680 --> 00:07:23,230
‫And more, and then I can utilize our.

112
00:07:25,350 --> 00:07:28,420
‫OK, inside this, I just need to add the bottom line.

113
00:07:28,440 --> 00:07:31,500
‫That means I just need to override this property.

114
00:07:32,930 --> 00:07:37,220
‫Currently, we have this great I just need to write a new color.

115
00:07:37,850 --> 00:07:40,940
‫Yup, I have this color on that.

116
00:07:40,940 --> 00:07:42,950
‫Music saved this one.

117
00:07:45,660 --> 00:07:46,450
‫Much better.

118
00:07:46,470 --> 00:07:47,710
‫So this is working fine.

119
00:07:47,730 --> 00:07:50,220
‫Currently, everything is on art a lot.

120
00:07:51,240 --> 00:07:59,310
‫The only issue you might notice that this font color is, I should say, less dark and this is much

121
00:07:59,310 --> 00:07:59,850
‫darker.

122
00:08:00,840 --> 00:08:02,760
‫I want some less dark collection.

123
00:08:03,920 --> 00:08:12,470
‫That means I need to capture the attribute leaseholder and then a declared, if you remember, you can

124
00:08:12,470 --> 00:08:19,100
‫either use attribute property that means attribute selector or you can directly use double colon and

125
00:08:19,100 --> 00:08:19,940
‫then placeholder.

126
00:08:20,920 --> 00:08:23,320
‫So I have to use this art.

127
00:08:23,350 --> 00:08:29,950
‫And then inside that, I have this input field cologne, you will see certain options.

128
00:08:30,610 --> 00:08:36,400
‫I need lace or we have we have that and then we can just update our color.

129
00:08:36,550 --> 00:08:38,830
‫So for now, let me try to use this one.

130
00:08:39,100 --> 00:08:39,920
‫Save this one.

131
00:08:39,940 --> 00:08:40,680
‫Get back here.

132
00:08:40,690 --> 00:08:44,530
‫You can see this so we can bit something lighter like this.

133
00:08:45,770 --> 00:08:48,840
‫Don't worry, since I'm recording a lecture, I have prepared.

134
00:08:48,880 --> 00:08:53,450
‫Is that a way that is going to waste time off time just by selecting these?

135
00:08:53,450 --> 00:08:53,800
‫Kind of.

136
00:08:54,260 --> 00:08:59,210
‫So maybe you are going to take some extra time when you are cloning something, then you are building

137
00:08:59,210 --> 00:09:02,640
‫something because I have ideas about his height.

138
00:09:02,660 --> 00:09:06,830
‫I have ideas about these colors and these things big time.

139
00:09:07,280 --> 00:09:12,500
‫I don't want to mess around with color and just spend 15 minutes just for the color part.

140
00:09:12,920 --> 00:09:14,910
‫We have better things to discuss.

141
00:09:14,930 --> 00:09:17,450
‫So let's utilize lecture diamond better way.

142
00:09:19,010 --> 00:09:19,760
‫That's done.

143
00:09:20,150 --> 00:09:23,600
‫So now our section regarding input field is done.

144
00:09:24,020 --> 00:09:26,750
‫The next part of our forgot password?

145
00:09:27,230 --> 00:09:27,710
‫Definitely.

146
00:09:27,710 --> 00:09:28,940
‫I need to add some space.

147
00:09:29,270 --> 00:09:32,240
‫Also, I need to add some housesitting and then I'll button.

148
00:09:33,020 --> 00:09:39,320
‫So let's continue this and next lecture in this one, we quickly understand about different settings

149
00:09:39,320 --> 00:09:40,460
‫regarding input.

150
00:09:42,130 --> 00:09:47,740
‫The most important thing is, I hope you got the idea of how to add settings to place holder.

151
00:09:48,190 --> 00:09:51,120
‫Remember how you can also utilize Attribute Select.

152
00:09:52,680 --> 00:09:54,540
‫So for now, I hope you got the idea.

153
00:09:54,600 --> 00:09:57,300
‫Now let's continue more stuff in the next lecture.

154
00:09:57,540 --> 00:10:00,180
‫Thank you for following and I see you guys in the next one.