‫Hey, there.
‫Welcome back.
‫Now in this lecture, we are going to discuss about justified content as well as online content.
‫Now if you remember the Flexbox lecture, what they do and how they are dependent on access, for example,
‫if I want to add just any item horizontally, I'm going to utilize justified content.
‫And if I want to add just any item vertically, I'm going to utilize online content and head out flow
‫is remember role.
‫So let me analyze things.
‫One thing I'm going to do since currently we are utilizing one half hour, that means everything is
‫going to be smooth.
‫Everything is taking an entire space and we have no idea how we can manage them.
‫So, for example, if they are not utilizing a fire, for example, if I take maybe 100 Pixel four and
‫I can utilize repeat, the best use case here is an for column instead of this again.
‫One If I can utilize 100 pixels.
‫Save this one.
‫Now you can see how this is odd arrangement.
‫So basically, we are leaning towards the left side, and that's obvious.
‫One thing I should remove is this text align center.
‫I utilize this bar code demonstration, but now you can see this whole item thing is walking.
‫So everything is aligned towards the left side.
‫Now what justify content is going to do?
‫Remember, it is going to help to move odd elements all the time.
‫If I say justify content saying does everything horizontally will be sent that make get back here horizontally,
‫everything is saying that.
‫OK, great.
‫Now, head, if I try to increase the size of my this container, let see a hundred which.
‫So we have a lot of space.
‫And if I say maybe I can utilize other values, quite justify content for them all of us.
‫Maybe I can use stock.
‫Remember when we were walking Flexbox, it was Flagstar, but now it will be just stop.
‫Save this one.
‫It is that stark.
‫And if I go with end, it will be at the end.
‫Remember, everything is working fine, so let's keep this at this center.
‫Great.
‫Now this is done for horizontal bar.
‫I if I go with vertical bar, I have online content so I can utilize this online content.
‫And then if I see a center, it will be center.
‫You can see the center.
‫Now for better visualization that might change the rules, I 270.
‫And if I save this one, you can see now we have certain gaps on up as well as down.
‫So you can see how online content center.
‫And if I say and it will be at the end, you can see at the end.
‫And in this way, we can control everything.
‫Maybe I want my content on this site.
‫That means justify content will be at the end and allowing content will be at the end.
‫Save this one.
‫Hey, you can see that it is going to work.
‫I hope you got the idea.
‫Remember, everything is similar to Flexbox now, since we have justified content as well as online
‫content.
‫We also have justified them as a less Alleyne item.
‫Now, for now, let me get back to saying that had.
‫Now, the next time, just to buy item, as well as Alena, which is going to define these settings
‫related to whole aligning thing of this item, currently when we walk with justified content and item
‫block is moved.
‫But when we talk about justify items, the item, this whole item will move and then I can work with
‫individual item.
‫So remember, if I want to move this whole individual item, I can work with the help of self remember
‫to justify itself as well as I.
‫So how do I move horizontally?
‫I can say justify herself and I can.
‫You will center in back here.
‫You can see it center now on.
‫Maybe I want to move at the end.
‫Let me say at the end here, you can see it's move at the end.
‫Similarly, I can walk with this item.
‫Six.
‫Or what I want to demonstrate here is let me try to increase the size for the first one to 270.
‫So, OK, now if I want to move it at the bottom, I can utilize our line.
‫So all I have to do is utilize a line cell and that's it and save this one.
‫You can see this a move that maybe I want to move it here.
‫What I can do is.
‫Allowing Stark save this one.
‫Get back here.
‫Maybe at this center.
‫Directly.
‫Save the swan goodbye, cat.
‫OK, so that's how you can control the content, the individual item, as well as the entire block.
‫So I hope you got the idea how you are going to realize this justify content as well as online content.
‫Chances are you are not going to utilize every single thing, to be honest.
‫I just took an example.
‫So you have information, but at the time of designing, you are not going to utilise every single thing
‫since that tutorial.
‫That's why I'm trying to mess every single concept and single thing.
‫But in real life, you are not going to do that.
‫So don't worry about this.
‫If by chance, anything you missed.
‫Just watch the lecture again.
‫Or maybe just try to read it.
‫It's easy to do.
‫I will add some resources on your good friend.
‫Castex will help you.
‫We discussed all the topics that are covered inside this season, and if I missed any doing what it
‫can so that it's not important, you can just read it, or chances are it will something really to do
‫short end property that is going to mix, do things together or something else.
‫So I have covered most important things already, so don't worry about it.
‫That's all for this lecture, of course, as great as complete an hour in the next lecture, we are
‫going to do some practice session.
‫So you have clear information about everything that you just understood.
‫You can create the next lecture as a revision path.
‫That's all.
‫And I, you guys in the next one.