‫Hit her.
‫Welcome back.
‫Now let us continue with the remaining part of our section.
‫The first thing I'm going to do is I'm going to now walk with button, because then we can arrange a
‫lot of.
‫So they're going to get back here and here.
‫Let me introduce the important part.
‫So I'm going to go that section doc banner and then I just need to select the button.
‫Now, but it has a lot of things adding color.
‫Not often.
‫So the first thing I'm going to do is add on background color so we can specify what type of content
‫we need, so we can specify the remaining thing here.
‫I'm going with the green.
‫Get back here.
‫OK, now I'm going to remove the border since we are going to have something like this.
‫So this doesn't require any type of border and that text color symbol, which is the blue itself.
‫Let me get back here.
‫Remove the border, and I'm going to call this one none.
‫The second thing is I'm going to make the gloves.
‫So what I'm going to do is I'm going to add a border radius and let's try to ram.
‫The third thing is, I'm going to change the text colors, I'm going to use color and I'm going to utilize
‫deep background color.
‫For now, this looks fine.
‫Get back here.
‫Looks fine to me, I need to change the font weight because this is pretty bold.
‫Let me get back here and let me change one way to 600 hundred.
‫Now, the next thing is, let me add some padding as well as margin.
‫So for now will take part in this program that will be added on all this side.
‫So this is the text, and here we have padding off to them.
‫But if you observe this, this binding is greater than this padding.
‫So I'm going to have two different finding, the first one should be around one point atrium and then
‫the second one should be around 2.7m.
‫Get back here.
‫Much better.
‫I think I need to change this border area.
‫This is pretty much more of.
‫So that means I can utilize maybe freedom.
‫It back here.
‫OK off, and this looks fine now.
‫There is some gap at the top.
‫What I can do is I can add a margin of error or I think I should add margin and then that will add more
‫top and bottom and then it'll save this one.
‫Get back here again.
‫Okay, much better.
‫Now you can see its exact clone.
‫We are still pending with the background thing, but if I scroll up, you can see now it's working great.
‫I think there is some size issue with Button right now.
‫Maybe I need to change some padding or maybe the font size, so if I get back had changed to one size.
‫And go with 1.4m, save this one.
‫Get back here.
‫Oh, looks fine now, so now we have the exact clone for this part, the next part is about the background,
‫so background is specifically a separate topic we'll be discussing in the next lecture.
‫But before that, let me add the Howard effect also.
‫So let me get back and select the selector.
‫How a effect.
‫Now, there are two things that are changing.
‫The first is about the size of this button, and the second thing is about Devinder, so going that
‫a simple just down the over winter and the seasons change and you see.
‫These sizes are increasing.
‫So let me try to increase the font size and see what happens.
‫So I just jump at the font size and head if I see five, currently it's 1.4.
‫So if I go with one point five, get back here.
‫It's about I don't want this.
‫What can we do?
‫So there is a property called TRANSCOM, I discussed this earlier on Sunday is going to be a specific
‫lecture on Transform.
‫But what we can do is we can control the whole part.
‫When I say, OK, change the text size that is going to affect the text size only you can see excise
‫increases, then it affect the margin, and that's why the burden is increasing.
‫But what I want is I want to scale this whole button equally.
‫So what we can do is we can utilize the transform.
‫And this has multiple option, but we are going to go with scale.
‫If you just want to increase horizontally, then use X.
‫If you want to go with vertical use, why?
‫If you want to do both use scale and then you can pass two values.
‫The first one will be horizontally, the second one will be vertically.
‫So if I say 104 percent, that means I'm going to change the size from 100 percent to 100 for I see
‫it back here.
‫You can see now it's walking exactly the same.
‫Suppose if I change it to 80 percent, that means the original size was 100.
‫And now we have changed it to 80.
‫So if I hold whatever over this, you can see it's decreasing.
‫So that's how the scale works.
‫We can change size according to our requirements.
‫Let me go back to one 04.
‫This looks quite.
‫OK, that's all for this lecture now, only one thing is remaining with this section, which is background
‫on in the next lecture, we will understand about background specifically and will add a background
‫for this specific part.
‫I hope this lecture was helpful.
‫Thank you for calling.
‫And I see you guys in the next one.