OK, guys, now we can work on that justified content.
The first thing we will do right here.
We can just copy the same of the where is it that line items?
Copy it and we will work by the same way of the allied items.
We can just we will change just this one and make it tough to find content like delete the text from
here.
We don't need it.
OK, and we will keep the item a paid thing.
And this will be a.
We don't need to hide anymore.
OK, after this party, we can go to the table, we can type Campell, we can call this one here.
There's one to be for just Keerthi content.
And then here we will connect between this file and the CFS title sheet.
Each of justify that CFS.
OK and it's right here.
The first thing we will do is to type at On the Edge won't be having to define content and we will see
what justified content we can start with.
We can start with the center like what we have here.
OK, great.
And then after this part we can make Dev.
With class of and then inside, it became again with class, up with class of item and I can pay and
for the most part we can type inside edge to with a OK, everything is good and we can make Devora.
I'm going to show you two ways to type classes and ideas inside the team and we can type the class.
If having done that already is having cash, if I type jot item and dumped item B now we got this.
What if I want to add an idea also we can make Jack with cache of item, class of item or class.
So now we got this or there isn't another way, just type dot.
Class and now we Galvis, and we can also use it for the identity
and it's here, we can make HGP and then for the last one we can just copy and paste it.
They just want to be seen the same.
OK, so now we got this.
Let's say that I want this text to be let's try to make that text center.
I'm just want to show you something.
Let's give this class all justify content so we can cover this class and and go to the title of Ethem.
This one, let's say that we can't add the line three checks to line the center, but here we get no
thanks because taking this with and not only with the screen, I want to move all of the text to be
centered for the page.
There is a property which is called justified.
Content here would not justify content, pay line and have to buy content.
And we will just try the center and space around space between eight spaced evenly.
We can talk here.
Justified Content Center and now we got this at the center, the old all of the box is centered, but
the text itself is not centered.
We can go here and we will know.
We will know more about this one in our projects.
This could we will use them in our project.
The source code.
We can cover this one.
We can add a twant justify content for this one.
We can try for justified content and pasting this one before and we can type here, justify content
center.
But instead of the center, we will make it and then here justified content to be and the start will
be making those changes.
We get also justified content start, but it's making more sense because we already have been in the
start as a default
saver to go here.
What's the problem with this part?
I think we get something wrong.
We didn't say no.
We got something with it's part.
So what's the problem here?
Justified content and, yes, justified content.
Aflex and so the problem was with Aflex, sorry, and now after this part, we can try for the space
between we can go here, Ghurayb any one.
Just communist part and some space right here and space, there's one space for space between and this
one to pick out the space between, we can copy this class and go to the seats right here.
OK, just the content space between.
When we save and go and reload now we got a spacing that equals distance from this part of this part
and this part and this part, there's something also which which is called space around.
We can create a new one right here.
We can at a distance here.
We can copy this code
based and just want to be for space around this one to be fought around.
And we can go now to justify content that we can copy this line.
And here we are around and they want to be around.
So now we got this around, we've got space here, space here, space here, but this space will be
larger than this space.
This is the difference when you move out here.
It got the same.
As you can see from here, this space is larger than this space, we can try now for the justified content
evenly, which is the last one.
We will try for that justify content.
We can cover this part.
OK, scroll down past this one before E randomly and this one to be for also the even link.
And now we can go to this part of this class again.
And this would be working only when we load up.
What's the problem here?
Space even we know we got something wrong with this part.
So what's the problem here?
Yes, that classmate family, so now we've got the space evenly spaced evenly, you would go the same
distance.
This will be equal to this one.
This one.
And that's what that's all about, that define content for the website we will create and our source
code, the cease fire, which we will use to create our website.
That's perfect.
In the next video, we will be having an introduction to the media queries and how to make the website
responsive because we will add some responsive design to the great system.
So good luck and have fun.