‫Welcome back.
‫Now let us start our journey with the next section.
‫And I think I would call this action as maybe statistics, stats or something else because this content
‫information about this of us as well as these stats so we can utilize a common name.
‫Okay, so this is the Korean section.
‫Let me squeeze this here.
‫I'm going to create a new section.
‫And I'm going to call this as maybe growth, because growth to define both stops as well as everything
‫else.
‫And I'm also going to add container headed said I don't need to create this new level every time I can
‫see a container set off because I know I'm not going to utilize any type of 100 percent background.
‫So that's done here is my container.
‫And now everything will be inside this whole section.
‫The first thing I think I'm going to do is I'm going to divide them into two part.
‫Why?
‫Because if I right click here and change the margin one way just to explain you.
‫Let's imagine zero.
‫Now behind the scene, what is happening is this is one section which is going to have statistics and
‫this is another section which is going to have all this information.
‫So what I'm going to do is I'm going to have this, which is going to have all the information and then
‫this.
‫So this will be start and this will be maybe in for anything else.
‫So let's say here I'm going to have I do that, take all these stops.
‫That is going to have everything about the numbers and then inform what I should say.
‫So is anything that defines the whole section, so I can say and for.
‫Dr.
‫So these are the two sections on which we are going to work way you finish this one.
‫This is the original back by using margin as negative.
‫We are moving up.
‫If I'm using margin as positive, I'm moving down.
‫Looks good to me, but let's jump here and start walking with the content part.
‫So this growth is going to have a background color, which is this one.
‫And we have already defined this background color and our global.
‫And we can use it now.
‫So let's jump on to my style or ceasefire, get air, select the group and head.
‫I'm going to use this background color utilized, utilize my function bar and provide this.
‫Looks good.
‫The other thing is there will be something as border radius.
‫Because these things are clearly visible and I can walk with them.
‫Let's take moderate going to earthquakes.
‫The next thing will be the top and bottom margin with this action itself.
‫Let's imagine it would be 15m auto.
‫Quite remarkable.
‫That will be top and bottom margin for this section.
‫And that said, one size for this whole section up pretty big, but just do them and that's it.
‫That's it for now.
‫So this whole thing will have this space property.
‫It looks great inside my starts, I'm going to walk with this whole content.
‫I'm going to utilize Flexbox.
‫I can have a broad action as horizontal.
‫Also, using Flexbox will help me to give the property off Rob.
‫And then even at the time of responsiveness, things will be easy.
‫You can see this is much greater.
‫That's Corbett Flexbox now, so this is the start, and I'm going to play with Dick.
‫So I'm tired, my group, to select this dark spot display is going to be legs.
‫Then there will be several common properties that doctors like stop on a loop of over drop and a few
‫other things like background color because we know this is going to be white.
‫Let's say vibrant colors.
‫White.
‫Then there will be certain other properties that we need to apply, but first, I knew quite content
‫cat.
‫So what I'm going to do is I'm going to have multiple lives.
‫Why does wide content so hard?
‫I have content as 850 end user, so this will be inside our David self that did nothing.
‫No name.
‫I can just have one dog or the numbers, let's say eight 50.
‫And then there will be another time would just be dog, which is going to be have users.
‫So we need to follow something similar for each one of them.
‫Similarly, this will be doing double zero and this is going to be downloads, and then there will be
‫250.
‫This will be free to box.
‫And then this will be 50, and this is going to be a frustrating.
‫All right, get back to my original website.
‫You can see that's how this is going to look at this point of time.
‫The background is white and since the background is white, we are not able to visualize deep S. background.
‫So if you observe this is blue, the background is blue.
‫But this background for stocks is white.
‫Let me add some space fighting between growth and stocks.
‫So what I'm going to do is I'm going to add padding and tape batting.
‫Mexico to them and them on a horizontal side, that means hot, vertical and horizontal.
‫Get back here now you can see this fighting here on all these side.
‫Looks good to me.
‫Now we need to add space between them, so if I right click click on Inspect.
‫You see, this is these stocks, this is the crude.
‫We are the top margin and what one margin because we need to move this act of.
‫This is my start.
‫OK, so what I'm going to do is I'm going to apply the property of first, which is going to be justified
‫content.
‫I need to move them evenly.
‫So let's say justify a content on it and I'm going to go read space evenly.
‫Get back here.
‫You can see now it's much better.
‫I have proper spacing.
‫Also, I want content of this bill to be at center, that means these are should be aired center.
‫So what I can do is I can select this debate, which is inside my start and then utilize text Alina's
‫center.
‫So what I'm going to do is I'm going to select crude, then facts, then beam.
‫And had I can say text align center.
‫Same, get back here.
‫Good, Scott.
‫Everything is aligned at this center.
‫Now the only thing is I need to add several properties like colder than there will be something like
‫this next shadow.
‫Again, I need to move this up and then walk shadow.
‫Let's quickly do that.
‫So what I'm going to do is jump here.
‫So the first thing I'm going to press for is I'm going to increase the size of each one and then change
‫the size of this bag.
‫So all our players jump in and select my one.
‫And also, I need to select might be that.
‫Great.
‫So there will be certain changes with each one, which is going to be my -- site.
‫That's correct.
‫Five, 10.
‫And the other thing is I need to add big shadow.
‫So if you remember here, this is the correct size and I need fixed shadow.
‫That's your the background.
‫I need to do something.
‫So what I can do is I can utilize X Shadow.
‫Now ahead, I need to sponge off properties like my movement towards vertical side, horizontal side
‫and then will be blurring property.
‫And then there will be a color.
‫So I'm taking this in the form of TB for now if I get back here.
‫Look square.
‫Let me remove this flex.
‫Yeah, if you see the background is better now, I need to control the speed, that's all I have to
‫do is this one.
‫And here I can control the peanut, so all I could do is add some color.
‫That's it.
‫I think so that color.
‫And had I need to utilize my team coloured phone, so this is going to be the color?
‫Let's take water and provide my view color.
‫Looks good.
‫The other thing I need to add is some banging on the top and on the right side.
‫So this should be much better.
‫And then move it on the top.
‫So let me move here.
‫My addiction name is that I need to add all the properties here.
‫So the first property going to be firing on all directions.
‫Yup.
‫Much better.
‫Yup.
‫Once batting is done, I can respect the work, I'm currently taking all the available space.
‫What I can say is I can see Max Wood as 90 percent, so this will remain some space on all this side.
‫OK, this space is remaining, but I need this to be at center all section to be exact.
‫What I can do is I can utilize margin and sort of I can swing margin and then to zero in order.
‫Now this will be at the center, you can see.
‫And let me also add some border areas.
‫This one from my group section itself.
‫Dance is done.
‫Now I just need to move it on the door, so if I go with this margin five.
‫Minus five, actually, this is moving on the top.
‫And I can see margin it and this will completely move on the top.
‫But I will do that later once we have more content, that is once we have content at the bottom.
‫That's it.
‫This whole part is done.
‫Now we need to walk with this one.
‫So what I'm going to do is I'm just going to add some H1 tag for now, just for the demo purpose.
‫So let me squeeze this my status down.
‫Let me add each one, and let's say that autumn five.
‫Let me I'll maybe.
‫Copy paste, copy paste.
‫OK, so this is the content, and if I change the margin now, that would be much easier to visualize.
‫So if I get back here, that same margin is minus eight.
‫Now you can see this looks great.
‫But they had this white color is not matching, so what I can do is the first thing is I cannot walk
‫shadow.
‫The second thing is I cannot gap between this text and this whole section.
‫So I had I need to add bulk shadow.
‫We discussed multiple dark shadows, I just saved this one.
‫See, now we have watched Shadow.
‫One quick recommendation I will give you rest.
‫The search about Bourque shadow, you will get these multiple example of 91 beautiful ball shadow.
‫So if I need to utilize this one, just copy this, get here and remove this one for now.
‫And if I just paste this, you can see I got this one.
‫You can see this volcano is working fine now here I can select the next section, which is going to
‫be my info section, so if I jump in.
‫Crude stock info and had I can define some margin top, basically.
‫So if I go with margin of maybe 15 REM, save this one and get back here.
‫No, this looks fine.
‫I hope you got the idea what we just did.
‫There are two basic changes that we recently did.
‫The first thing is about nobawk shadow so we can differentiate the light.
‫The second thing is I added some gap here.
‫Now, remember, since the margin is negative, we are moving this dip out of this section on the top.
‫If margin is positive, we are creating this distance.
‫If margin is negative, we are just decreasing the distance.
‫That's it here.
‫The margin drop is negative.
‫So this was the line zero, but we are moving on to minus eight.
‫Then.
‫I hope you got the idea.
‫Now the rest goes through changes that we need to do to improve the gap on up and down and that we will
‫vote later.
‫But first, we need to complete this part.
‫OK.
‫You also need to define a fix.
‫Wait.
‫Why?
‫So at the time of rapping, we can understand when to rap.
‫Otherwise decent rapping is not going to work.
‫So we need to provide our fix with here.
‫Let me test this here.
‫If you see right now, the wrapping is working fine, but at the end moment.
‫So what we can do is we can either define some padding here itself with these elements.
‫So if I jump onto my style dodge cases.
‫And John won't to my dear and I can add some padding and I can say to them, save this one.
‫Get back here.
‫And if you squeeze, you can see this gap is touring.
‫At least we are maintaining to them.
‫Yep, looks good, we can right click here, inspect, select this, Deb, you can see this program
‫now.
‫This to them.
‫And this will be maintained at the time of Squeeze also.
‫You can see this.
‫I hope you got the idea.
‫Now everything is done with this part.
‫We just need to move towards that intersection.
‫That's all for this lecture.
‫Let's continue our journey in the next one.
‫Thank you for following.
‫I hope you got the idea how we are going to maintain the margin, Paddington everything and I see a
‫rise in the next one.