‫Hey, there.
‫Welcome back.
‫Now let us quickly fix our icon.
‫So how do you see this size is pretty different?
‫And had we are getting pretty big size?
‫So what I'm going to do is I'm going to click on Inspect now here.
‫Currently, this image is dependent on this logo.
‫There are a few things we can do.
‫The first thing is definitely what we did here.
‫We can add our size.
‫So if we jump, here we are at our size as height for the Pixel because this was dependant on height.
‫Here we can add some changes, like maybe weight, or maybe we can just define fix my size.
‫Most companies do that, and we can also define that all we can to find some percentage that maybe we
‫are depending on the width of our current level, we can define percentage accordingly.
‫Also, since we are utilizing flex it out this way, it will change.
‫So remember that since we are utilizing Flex it up, you can see this is somewhat responsive, but we
‫need to make certain changes.
‫But this is responsive.
‫OK, so let me jump here, jump onto our EMG, which is going to be our portable container and then
‫I'm going to have my logo section, so I'm going to go with water, then I'm going to have my logo.
‫Now, all the changes regarding our image and logo will be done here.
‫I don't think I have any change.
‫The first change I need to do is with the word itself because here our image is somewhat dependent on
‫the world.
‫So let me try to have our fixed size.
‫So with the logo?
‫Let me jump on to our IMG head.
‫Let me add our work as a 70 percent.
‫Save this one.
‫Get back here.
‫Much better, so we defined this is the logo section, which is going to have this word and we are covering
‫this 70 percent.
‫We can utilize this and this is going to work fine.
‫OK.
‫If I try to change this, maybe by trying to decrease the size here, it's still working.
‫Why?
‫Because we are utilizing Flex Container and this is going to be carried away with extra space.
‫Remember that?
‫So our logo section is only having this amount of space.
‫And we are just utilizing the 70 percent.
‫Remember this point?
‫Now, if by any chance we add Flex grow here, this is going to take extra space.
‫If we are to flex grow with our logo, then this is going to take extra space and my size is going to
‫get affected.
‫So either you can add fig size or you can utilize this property and this is going to work fine for now.
‫OK, this looks fine, there are still certain changes that we have to do now if we compare both the
‫current development and the clone, you will observe that there is some shift here.
‫And the reason is that specific space that are current social fiction is taking.
‫So if you observe this, this is at this center somewhere and this is added on or some site.
‫So what we can do is we can add flex grow.
‫So instead of taking that means instead of giving all this space to our second section, we can give
‫some space to our social section as well.
‫Remember all these to our child so long ways a child link as a child, as well as social as a child
‫we have given growth to here we can give flex grew one here.
‫That means social is also going to take some space on hand.
‫What I can do is I can add further.
‫And then I can directly select the social.
‫And had a Canada property flex grow.
‫And let me give one, save this one.
‫Now you can see it's working fine.
‫So what we're doing is Flex crew is utilized when we have some extra space within our container and
‫we can then distribute it at this point of time.
‫We had enough of extra space when we first initialize all three containers.
‫So what happened is I utilized the two parts here and one part here, and I hope you got the idea how
‫we did it.
‫The only thing remaining is adding a power to them.
‫So if you see here, we have our part.
‫Also, Howard, to this, so let me get back the question, I'm going to do this, I and how are you?
‫So simply just need to change the course.
‫Save this one.
‫Get back here walking by fine.
‫Also, I need to do something similar with a light dog, so get back here.
‫And how about I also need to change the font color as well as change because.
‫Get back here.
‫Working fine.
‫OK, I don't want this for my heading.
‫So what I can do is I can separately are out for my heading.
‫And change my color to default color, which currently my heading has.
‫And also I can change the point and also because at this point in time, I am getting this winter car,
‫so I don't want winter car set off on my heading.
‫What I can do is I can change the car set here and I can call this as text.
‫Save this one.
‫Get back here.
‫OK, now it's working fine, so these are pointers, and this is next.
‫Looks good to us.
‫This section is done.
‫The two are remaining, which is going to be about our location as well as our extras.
‫So I hope you got the idea till now, what we did about Flex, nested flex and a few other changes.
‫OK, thank you for calling and I see you guys in the next one.
‫And if there will be any other changes we will do in future section because we need to make it responsive,
‫so there will be certain changes and future as well.
‫OK, see you in the next one.