‫Heather, welcome back.
‫Now in this lecture, let us quickly start our task with this heading and then keep on falling with
‫other parts.
‫So the first thing I'm working on is I'm going to target this, which is odd at one.
‫And inside this, I can handle things maybe about our phone size that it's definitely going to change.
‫And then maybe I want to align this at center.
‫Why?
‫Because this is a blog.
‫If you remember this concept, I if I right click here.
‫You can see it's a blog.
‫So I want to align this exact center, that means my next line should be at center.
‫The next thing is going to be about my padding, something I need to answer can.
‫And then there is some border bottom.
‫If you look at this here, we have some line, so I need to add this as well.
‫Batting will be between my content.
‫Log in and then this water.
‫I hope you got the idea, so there will be more at the bottom.
‫Now, remember, border is a blight on the oil for side, but we can select one site and utilize it,
‫remember MMRDA shorthand properties?
‫That's where this comes in.
‫OK, so the first thing I'm going to apply is let me try to use on to.
‫OK, much better, smaller.
‫I am going to use 2.5 different.
‫Then I have Big Star Center, then I'm going to have padding, so padding shouldn't be on the bottom
‫side only, right?
‫OK, so I'm going to be a glass bottom.
‫And this should be to relax decorum.
‫Much better.
‫And then I need some light.
‫I'm going to use zero point one them, that will be one pixel, so and colors should be either gray
‫or silver or something.
‫OK, there is lane, but we need some space, so I'm going to jump on going next section, which is
‫going to be about four.
‫And head on with our margin as one of them that relied on the for side, click here.
‫OK, now you can see this is logging.
‫We have some sprouting space.
‫Now remember padding as distance between content and water.
‫That's why I'm using padding here.
‫So this is done and then I have forms of foam, currently have one gram of space on all side.
‫So that's where this comes into picture.
‫I need some space here.
‫You can see.
‫And this section is looking exactly the same like this one.
‫The form is bigger, I guess, in size, but we will add some weight by the end of this whole project.
‫Don't worry.
‫So that's where our form is done.
‫The next thing we are going to walk is the input for you.
‫So inside out of form, this is done.
‫Then we have our little margin for this.
‫Now I need to work with all of these groups.
‫So first, I'm going to walk with this input field here with my art, I'm going to utilize the input.
‫I'm going to take with us 100 percent.
‫If I save this one, get back here.
‫This is much better, so we have these two fields and then we have this Wal-Mart password.
‫So we need to play with these two wheels, actually, because if you see these are much better.
‫So there are going to be several changes with these input, the medium back here, once my faith is
‫done, I need to create some gap between this, the field and the top as well as these two will actually.
‫So I'm going to add Martian top.
‫Get back here.
‫OK, much better now, the next thing I want to change is this hike as well as the foreign side, actually.
‫So we'll see defined as too small.
‫Also, this height is too small.
‫What I'm going to do is since we have already selected this input, what we can do is we can change
‫the font size as well as height.
‫So let me add height, and I'm going to call this as a forum.
‫And the second thing I want to add is my font size, which is going to be one point, maybe six five.
‫Let me try one point five.
‫And back here.
‫OK, I need something smaller, so let me try one point or.
‫Much better.
‫OK, this is the case, so I have a better box, which I don't need.
‫That means I need to remove these borders and then add border what that means the only important part.
‫What I'm going to do is I'm going to add border.
‫None.
‫And then more the bottom.
‫Which is going to be zero point one five then solid, and I need some color have.
‫Maybe silvery grey, something like this phone on when we use silver as it is.
‫Or maybe gray.
‫So if I see the change, much better looks nice.
‫Maybe something darker than silver, OK, I need to replace this whole so much.
‫Maybe something darker than silver.
‫I have some colors.
‫Let me try to use it.
‫Save this one.
‫Get back here.
‫Much better.
‫OK.
‫So this looks much better now, the thing is, I need to remove this if I had something, the first
‫thing that you see is my batting.
‫I need to add some space here, so I am not at the exact left side.
‫What I can do is I can are batting here.
‫Are you there, I can add padding left directly.
‫I should add padding then zero and 0.5.
‫So I even have some space on this side as well.
‫And it may refresh this one.
‫OK, you can see this face now, and there will be some space here.
‫You can also check here.
‫Jump on today and you can see some panning the green part.
‫I hope you got the idea.
‫This is done.
‫This focuses.
‫Need to do more.
‫There is a property like I'll let me try to check this and see.
‫So that input field, we have outlined property and we can utilize it as none to remove the outline
‫when we try to write something.
‫That's how you are going to remove it.
‫That's done.
‫That's the whole part.
‫There are few things we still need to work on, like when we hawatt over this, I need to add this line.
‫So I can simply use all.
‫And more, and then I can utilize our.
‫OK, inside this, I just need to add the bottom line.
‫That means I just need to override this property.
‫Currently, we have this great I just need to write a new color.
‫Yup, I have this color on that.
‫Music saved this one.
‫Much better.
‫So this is working fine.
‫Currently, everything is on art a lot.
‫The only issue you might notice that this font color is, I should say, less dark and this is much
‫darker.
‫I want some less dark collection.
‫That means I need to capture the attribute leaseholder and then a declared, if you remember, you can
‫either use attribute property that means attribute selector or you can directly use double colon and
‫then placeholder.
‫So I have to use this art.
‫And then inside that, I have this input field cologne, you will see certain options.
‫I need lace or we have we have that and then we can just update our color.
‫So for now, let me try to use this one.
‫Save this one.
‫Get back here.
‫You can see this so we can bit something lighter like this.
‫Don't worry, since I'm recording a lecture, I have prepared.
‫Is that a way that is going to waste time off time just by selecting these?
‫Kind of.
‫So maybe you are going to take some extra time when you are cloning something, then you are building
‫something because I have ideas about his height.
‫I have ideas about these colors and these things big time.
‫I don't want to mess around with color and just spend 15 minutes just for the color part.
‫We have better things to discuss.
‫So let's utilize lecture diamond better way.
‫That's done.
‫So now our section regarding input field is done.
‫The next part of our forgot password?
‫Definitely.
‫I need to add some space.
‫Also, I need to add some housesitting and then I'll button.
‫So let's continue this and next lecture in this one, we quickly understand about different settings
‫regarding input.
‫The most important thing is, I hope you got the idea of how to add settings to place holder.
‫Remember how you can also utilize Attribute Select.
‫So for now, I hope you got the idea.
‫Now let's continue more stuff in the next lecture.
‫Thank you for following and I see you guys in the next one.