‫Hey, there.
‫Welcome back.
‫Now let us continue our task with our current project, as I said in the previous lecture, I want to
‫first just start walking with The Fonz as well as the current image.
‫So the first thing I'm going to do is I'm going to just add some spacing, padding, whatever I want
‫with this image along with the border.
‫So that will be some simple task.
‫All I have to do is just jump here and inside my image part.
‫I just need to add basic setting since I already have this work and the height is already arranged.
‫But if you want, you can add up fixed height.
‫Since my image was already in the ratio of one by one, that means a 400 pixel by 400 pixels.
‫Otherwise, you need to add some fixed height as well.
‫So nothing is going to affect much because I already had a corrected issue image.
‫So remember this point?
‫So here now I have it, as well as height.
‫I already converted them into blocks.
‫The first thing I'm going to do is add a border as soon as I want to add border radius.
‫So simple thing is just add a border radius 50 percent if you do that.
‫Your images already in ASARCO.
‫That's great thing.
‫I just need to add some mortar radius now.
‫So the simple thing is just our order and 0.2 them should be fine.
‫I'm going to use salad and then I need to utilize the column as select the colors.
‫And let me save this one much better.
‫But head, if you observe.
‫We are just touching it at the top, which is the problem.
‫If you observe, how do we have certain space, right?
‫The easiest thing you can do is add batting.
‫So in this way, you will create some space from the top.
‫So how if you jump back and if you remember we created this whole section, and I just want to skip
‫this whole personal section of it down.
‫That's my main aim.
‫If I do parting with the image, it will create padding inside itself.
‫That means it will create padding from border to image.
‫Remember that that we discussed during the backstory.
‫If I add padding with the major to create space in itself.
‫Now here, let me add some padding.
‫And this time the padding should be maybe five nine.
‫But that will add binding on all sides.
‫I don't want that actually until this is too much in my head.
‫So let me use batting maybe as 2.5m for now and then for my left, I don't want any and on boredom,
‫let me add 1.5m and right.
‫I don't want any saving this one much better.
‫So I just added at the top bottom, nothing is here for this whole section.
‫Remember, we have selected the whole section.
‫This looks fine now.
‫Now the next thing I want to discuss about the phone.
‫So the first thing I'm definitely going to discuss is about this Google one, but before that, let
‫me increase the size so we have much better understanding about everything.
‫So instead of selecting them differently, what I'm going to do is I'm going to give them glasses.
‫The specific views on this, we are going to have multiple paragraphs elsewhere, and I don't want to
‫mess things, so what I can do is I can give different classes or name and then this will be for our
‫country and then had I can call this as stock.
‫This looks fine, so the simplest thing I'm going to do is I'm going to add a class on name.
‫This is going to be a personal.
‫And not name.
‫And then I have option to control everything here.
‫So for now, I'm just going to increase the font size and call this as five a.m..
‫Getting back have a pretty big, pretty big, I know, but the aim is to understand the fonts.
‫So currently we are utilizing the default font.
‫We just said and our code, which is also supported by our browser, but that our chances are if you
‫want to delay some other fonts, maybe you want to utilize these, these different beautiful fonts,
‫or maybe with your company that you're walking.
‫They have created their own, like most of the big companies, create their own own and then Open-Source
‫it, like Uber, has its own font or maybe any other website.
‫They usually have their own font.
‫So that's where this whole font changing system comes into picture.
‫Suppose if I scroll up, if I want to use this roboto, what I need to do is I kind of selective on
‫that.
‫I want to import.
‫Maybe I just want him or this one.
‫Only this one regular 400.
‫Select this one, and then I have Option two imported.
‫So if I just utilized this that it import, I can do that on my thesis itself.
‫So I copied this one.
‫Get back here at the top of my CIUSSS.
‫I can do that, or I can directly select the link, the link part and in order in my email.
‫But here we can import all our required fonts at the top.
‫And then use inside our body or whatever the specific position we want.
‫So I simply need to turn this thing off my phone family, and then I need to find which one they want.
‫For example, they will have information, use one family, then Gobodo, and then I have option for
‫this default fund.
‫That means if by any chance this Roberto doesn't work, maybe the browser doesn't support on.
‫Maybe this file is not loading.
‫Or maybe Google is down.
‫Anything can be a reason.
‫So then this default fund will come and save this one.
‫Get back here.
‫You can see my forms are changed now.
‫Now here I have specifically joined our regular sending.
‫That means this is going to be only 400 if you remember 400.
‫This is different way, but I don't want to utilize Roberto.
‫I want to get back.
‫And select some of that one, this looks fine, actually, Maupin's.
‫Select this one.
‫Actually, I have the complete length of this, and I did hear.
‫And.
‫Get back here.
‫So this is the current one that we are going to analyze again, this looks fine.
‫Now get back in.
‫Actually, let me get back here.
‫Yeah.
‫So this looks fine, and I can now remove this one size.
‫OK.
‫Back to reality.
‫Let us start talking with different content, so the first thing I am seeing this, all these contenders
‫in the center.
‫So what I can do is I can individually are next text line because if you just right click and click
‫on Inspector.
‫You will see all of them are blog content.
‫So if I see Text Align Center, it will be at the center.
‫Since this is already blog content and I can do that, so support if I see text align center, save
‫this one.
‫You know, this is working fine, so I can select for all of them, if I don't have multiple properties
‫about them, then I'm going to club them, combine them, head itself.
‫But I think I'm going to do a lot of things in future for each individual item.
‫So what I'm going to do is I'm going to create a country here.
‫And then also, I'm going to take stock, so you get back here.
‫OK, this is fine.
‫Now heard, if I do text align with the button, since it's an inline element, it will align the text
‫off message at the center.
‫Also, this following will be center inside the button since this is the block and this is the text.
‫So I need to do something with them, but before that, I need to just settle this out.
‫So I need to increase the font size.
‫I also need to increase the padding and all the other things.
‫OK.
‫So the first thing I'm going to do, ask for my country, I'm going to change the font size and I'm
‫going to use 1.3 RAM.
‫And again, the text alone should be central, which we already did, but I also want to add some space
‫between these two.
‫So I can directly use margin because these are two different blogs that are connected and I can use
‫margin as zero point to save this one.
‫Get back here much better.
‫I did one mistake.
‫I don't know if you remember, but if you noticed, but I have made an interesting mistake related to
‫one, just keep on falling also for stock that moves forward.
‫And his size will be one point six REM because this is much bigger.
‫Text is already center and let me add some margin, so I'm going to prefer margin top, which is going
‫to be 2.5 billion.
‫Same this one back here.
‫OK, much better.
‫Let me change this stock as capital.
‫Have you noticed the difference between font This's not matching this, right?
‫But we encoded it.
‫Why this is happening, we did something wrong with --.
‫The thing is, we never replaced this.
‫This is the real life example.
‫What happened is you ordered this one, but you are using an all volunteer which doesn't exist now for
‫this whole system or this one style audiences.
‫So by default, it is dependent on this white.
‫That means this one type.
‫So in general, we are currently using this as a backup and this is currently working at.
‫So if you want to use weapons, you need to replace this.
‫So get back here now you can see much better similarity, I hope you got the idea.
‫So this is the practical use case that he really wanted to give that some back up things.
‫So that's done now.
‫We have these three settings done much better.
‫You need to work on buttons.
‫So I hope you got the idea with this lecture.
‫You got certain information about phone as well as a few other settings and how to remember the numbers
‫that I'm taking is calculated.
‫I did this project earlier.
‫So maybe if you are doing for the very first time, maybe you start with zero point five and you realize,
‫OK, this is low, then you try to increase score one point five and you're not satisfied, then you
‫change it.
‫So this happens.
‫I want to give you an idea that maybe I did this project earlier, so I have some idea.
‫OK, if this is too big, it should be 2.5.
‫But my general habit, I understand these things.
‫So don't worry if you don't get things right in the first time, you might dig three or four johns.
‫But since it's visible, you can change this any time.
‫So that's all for this lecture and the next lecture.
‫Let us complete this part.
‫A lot of interesting things going to happen.
‫We need to talk about this icon.
‫Also, we are going to change this button, so we are going to change this current information.
‫Thank you and see you guys in the next one.