‫Hey, there.
‫Welcome back.
‫Now in this lecture, let us focus on this log in button then now we have been doing everything very
‫quickly and we have been understanding all the concept.
‫Now it's good time for us to focus on this log in button.
‫The first thing that you should get in mind and I want to be on walking with a button, right click
‫and this is an inline display.
‫So that means I need to do something together at the center, basic thing is I can convert it into a
‫blog and then move it at the center with the help of margin.
‫That's the base idea that we usually get.
‫And it worked fine.
‫So if I get back in, I'm going to select the button.
‫Let's try something else.
‫Don't try to select button directly.
‫We can also try using something like attribute selector.
‫So likely I'm going to select all and then I'm going to select Button.
‫It's going to work when I can do that.
‫But suppose I want to only select Button, which has bypass summit.
‫What I'm going to do is I'm Luke, utilize this attribute.
‫So here, suppose if I need to do that, I can use brackets and then I need to pass the attribute and
‫remember the attribute selector.
‫And then I'm going to convert this into block, or there's going to be a complete line, and then I
‫can directly add margin, which is going to be auto save this one.
‫You can see the center now.
‫So margin auto works really well whenever you want to send good things like this.
‫If this is a block, remember this point.
‫Also, Margin Auto is walking for on site.
‫Let me remove this.
‫Let me use them for top and bottom and then auto collecting, right?
‫The next thing is, I did everything with this button.
‫So what I'm going to do is cost increase, the font size, which is the basic property going to be used,
‫1.6 RAM should be fine, or maybe one point eight.
‫Look fine to me.
‫Well, check once we complete the button, next thing we need is to increase the button size that means
‫our distance between the content of button and the border.
‫So simply add padding here.
‫What they're going to do is add padding 0.9 then and then I'm going to save this one.
‫OK, big enough.
‫Or let me remove this one, and I'll wait here and try to use 90 percent, save this one.
‫OK?
‫This is much better to cover the whole button.
‫One thing I need to address padding on the top and bottom, that's for sure.
‫So I can use padding here.
‫And then for top and bottom, I can use 0.9 them and then let that be awkward.
‫Zero both in the.
‫Save this one.
‫You can see it's working fine.
‫So because of the workout partners as big as well as because of this padding, this is working fine.
‫The next thing if you focus is the bottom go.
‫So I need to add radios that has my border radius and this is going to be maybe to them.
‫It back here.
‫Let me take one point seven.
‫Much better.
‫OK, this looks fine, actually.
‫So now we have our button, but we need to remove the current background as well as the border should
‫be simple.
‫Remove the border simply are none.
‫And then I need background so I can use background, color and hat, I'm going to utilize our different
‫shade of blue.
‫Save this on get back here.
‫Much better.
‫OK, I need to update the font color as well as previous color at Simple White so I can use.
‫OK, much better.
‫OK, I know how I do this.
‫I need point that that should be simple.
‫Get back in.
‫I just need to copy these things that are cut here and simply are what effect?
‫And inside this, I need to add, Carson asked Point, I've seen this one get back here, looks fine.
‫And also, if you are working with these birds, you can change maybe a foreign rig.
‫Yeah.
‫So that our chances are that certain birds will have maybe 900, I'm just giving an example.
‫Or maybe they will have something like launders and button is pretty small and maybe something like
‫cancel button or maybe something else, depending on what angle button.
‫But the correct button looks fine to me.
‫If you want to change the font, which you can utilize maybe 600 700 or try something different.
‫So this looks fine.
‫Now the next one is about not on my action, which should be easy to catch.
‫OK.
‫One thing you realize that this isn't low.
‫That means I need to select this specifically, so what I'm going to do is I'm going to use using span.
‫Why is because Barney's and main property, and I don't need to change anything, so that means I can
‫still select this part only because spam is in line properly.
‫Otherwise, if I use Blue Dog, it will again create a new paragraph, I don't want that I want be and
‫then I want to select a specific text inside the B so I can utilize span.
‫I hope you got the idea.
‫So first, I need to select the speech and change.
‫The font size should be simple.
‫You have the speech.
‫Let me call this something otherwise if we have any other vehicle.
‫So I'm going to call this as maybe baby registry option or maybe as long in message.
‫So we can remember that on log in page.
‫This passage will.
‫Maybe if there is a registration page, there will be 13 other messages.
‫So a logging message should be to go.
‫If I get back here, what I'm going to do is I'm going to simply select the odd part and then inside
‫that there will be.
‫So the first thing I'm going to do is remember, this is a blog which is pre blog.
‫I want to align it at this point.
‫So what I can do is I can use text align center.
‫That is easy.
‫The next thing is I need to increase the font size basic property, just use font size.
‫And here I need maybe 1.8m because we have been using quite a few times now.
‫OK, much better.
‫And the next thing is select the spanner.
‫You guys are smart, actually.
‫So.
‫And if we remove this and what I'm going to do just like this one.
‫OK, you guys are smart and I just need to change your color.
‫And let me try to use discoloured self.
‫Save this one.
‫Get back here.
‫Much better.
‫What do you see?
‫This is some bold stuff, so that means the font weight is different on saddle color, the exact calories
‫this and then font weight.
‫Let me try it and send this one.
‫Looks fine to me if we try six hundred.
‫Looks fine to me.
‫OK, this is perfect for me, actually.
‫The only thing that is remaining is the Howard effect, if you see, yup, I need to add some hard effect.
‫What I'm going to do is jump here, select the exact same thing, and here I need to select our part.
‫And remove this content on our clothes, use Carson Point to save this one and get back here much better.
‫So I hope you got the idea what we just did.
‫Now there are two specific things are remaining.
‫That is my former image.
‫I need to add this whatever image and the fixed position.
‫Also, the other thing that is remaining is this.
‫I don't want this word.
‫I want something else.
‫So we are going to talk about minimumweight as well as maximum word concept.
‫I hope they know you understood everything.
‫Make sure if you have any doubt, rewatch the lectures on all of these basic concepts, we are just
‫understanding their implementation.
‫I hope this lecture was helpful.
‫Thank you for following.
‫And in the next lecture, let us understand about the concept, which is our worth as good as this quarter.
‫Thank you for calling and I see you guys in the next one.