‫Hey, there.
‫Welcome back.
‫Now let us quickly start our section skills, so that means we are going to work with this whole skeleton.
‫If we jump here, we need to do certain things.
‫The first thing will be to walk with this H2.
‫Then we have this Holywell thing.
‫So if you jump ahead, the only thing we did is we removed the Leicester design, if you remember the
‫less decoration or whatever you want to call the tag was about less style.
‫So we have removed that, but we need to have them in line because if you right click them currently,
‫all of them are in block form and I want to have them in line so we can have some format like this.
‫Also, I need to add some padding and then I need to add water.
‫One quick, important thing you will see this is as capital and this is the first the capital and then
‫all lowercase.
‫So I want to utilize us, yes, property so I can change this.
‫Like this?
‫What we can do is we can utilise fixed transform.
‫And specifically adding this so we can have information about these properties.
‫So let me jump here.
‫The first thing I'm going to do is I'm going to select the skills inside that I'm going to select the
‫edge to tag.
‫And then the first thing?
‫The text transform and change it to uppercase.
‫That's the four star capitalized means that firstly, there will be capital than all lowercase.
‫Lowercase means.
‫Everything will be lowercase.
‫None.
‫It's by default and then uppercase in had.
‫It means just copied what parent is doing.
‫So if maybe paid in cash, some setting it in that one, I'm going to use uppercase in my card.
‫OK, now this is uppercase.
‫And the thing is, I need to change the font size, so just utilize the font size as 1.2 m.
‫Much better.
‫I also need to create some space.
‫So let me add some margin.
‫I'm going to add margin bottom, and this should be 0.5 trim, save this one.
‫OK, much better.
‫Also, there will be some space for this whole section since everything is on the left now.
‫So what I'm going to do is I'm going to get into skin and then I need to add some padding.
‫So what?
‫I'm going to do this from don't amuse 1.1m and from left and right, I'm going to use one to save this
‫one.
‫OK, I need to add some more space here, so let me change this.
‫Maybe five.
‫I think I should use one point six, save this one.
‫Much better.
‫So that's the initial change.
‫Now the whole change is going to be with these allied acts.
‫So what I can do is I can jump here with the minus kills and inside my unit, inside my ally.
‫I need guard sitting.
‫The first thing is I want to convert them into inline blocks.
‫So to select inline blocks, save this one.
‫Also, I need to change the font size.
‫I'm going to go with one point to them.
‫This sure will find that I need to add some water as well as padding.
‫So for now, let's see what changes we did.
‫These are all in the block form.
‫OK, OK, OK.
‫Working well.
‫Let me add some border, and then I can discuss about banning, actually.
‫So let me jump back and handed me a border.
‫Should be two pixel art, I can take 0.2 REM.
‫Then I'm going to go with solid and had a high quality information about the border.
‫It is 2002.
‫Save this one.
‫No, I have a border as well as this content.
‫If we zoom it, you can get some idea.
‫Oregon also changed the color.
‫This looks fine, I think I need to add border radius.
‫Also.
‫Get back here.
‫I'm going to add border radius, which is going to be zero point two REM and the next one should be
‫my batting.
‫Pretty common things since now we are we are not talking about these things.
‫OK, I have created some space and this look much better.
‫Yep, looks fine to me, the only thing I have issue is gap between these two in line block.
‫Remember why I used in nine blocks?
‫I can add some margin between these two.
‫So if you hover over this, I need to add space between both of them.
‫What I can do is I can utilize margin so I can see margin and from all my need to, you know, going
‫to them and then maybe between them, these left and right, I can use zero point one.
‫Much better, so if might close this long.
‫Compare both of them.
‫OK, this looks much better in this.
‫We have some bulk shadow actually with this whole container and we are missing something here.
‫So this is remaining and the mock shadow.
‫Let me eyeball shadow in this lecture itself.
‫Scroll up a bit, and inside this section, we are going to add bulk shadow.
‫Now, if you don't have information about what can I do remember to visit CIUSSS reference such a moon
‫walk shadow and had by default, it's none.
‫But we can add to values that efforts will be about horizontal offset.
‫And the second one will be about vertical offset.
‫And we can add certain information like this, and we can also add colors that will be something like
‫this.
‫Then we can also add Bityard value about Blerd so we can have multiple values.
‫So the first will be about horizontal offset.
‫The second will be about vertical offset.
‫Then we have blurred setting and then we have the color.
‫Now, the fourth can be about how our shadow is going to spread.
‫We can control a lot of things.
‫So that's how bauxite shadow work.
‫Now, I heard remember mean boxes this section, and we need to add some box shadow here.
‫So one thing you can do is you can if you want to just test, you cannot just copy this one, click
‫here and save this.
‫You can see the difference.
‫Maybe I want something different.
‫Can?
‫Had I want to copy this one, maybe I can do that instead of this, I can on this one.
‫You can see that side is going to work.
‫You can also add some different color, maybe something related to Golden.
‫OK, this looks better, you see, we can do some customization.
‫So that's how this is going to work.
‫You can take values in RGV as well as Hex Code, and it should work fine.
‫And any time you just stuck somewhere, use a skip.
‫OK, so we can do something, but for now, I'm with you something doc, maybe something little to black
‫itself.
‫So what I'm going to do is I'm going to add a walk shadow here.
‫So I'm going to take zero pixel as well as stand mixer.
‫These two are going to go horizontal as well as vertical.
‫Then I knew something about blurred.
‫And then I knew something about how these values are going to spread.
‫And then I need to take values.
‫Now remember, you can take Hex as well as you can take something and bounce off ICBM.
‫So this is going to control your color, which is red, green, blue and the opacity I get back here.
‫Now you can see we should have fox property and we can change the color here to get more information
‫and how this is going to look much better.
‫We can utilize something like gold, and if we want to experiment and also change these values for experiment,
‫maybe if I take zero here, you can see it's evenly spread.
‫I can also take a zero here.
‫Or maybe this one, yeah, this is the one you can see we can take something like this to spread them.
‫This was about Blair and this was about spread, but this is about horizontal and vertical.
‫So that's how this is going to look if we take equal values, but I don't want that.
‫That's what I hope you got the idea about how a walk shadow is going to work, but we did something
‫similar exactly the required version, but only one thing is remaining, which is about our foreign.
‫It's going to be interesting.
‫We are going to add our links, maybe about you, maybe anything else.
‫So that will help us to add some social things.
‫I hope this lecture was helpful.
‫Thank you for following, and I see you guys in the next one.