OK, guys, and we will add this part, so let's go to our source code and do it here in depth so we
can create a new section and give it an -- of features.
And then here we can type something like the code here, and then we will type our values and the text
we can just go here, type Java with class of container, and then we can make Devant with a class of
text center.
And this will be having the class of text align center.
And then here we can be with a class of lead with our values and then we can make peace with class as
off to with the purple and must be having purple lines and then we can cover this text and paste inside
here.
Let's go now to our page and see what we have.
OK, that's good.
Let me just be having the font weight of poled here.
We can make style font.
Wait, let me get Polder.
OK, that's good.
Let's try to make it one.
Yes, that's good.
After this part we want to make this text a line to center.
We can make it from here or we can just act from the.
Yes, but we will add to this if asked in order.
If we want to make it a game or use it again, we can go to the tyldum since Hessen.
Scroll down.
Sorry.
OK, text center to text a line to the center.
OK, that's good.
Now we need some margin from here.
We can just go to the title of the game.
Scroll down and let's make this margin top section because we really it many times and this to be a
big margin job that.
Fifty seven pixels.
Seventy five pixels.
Sorry, I think this will be fine here.
We can make margin
type or we can just copy this class and five, six here.
We don't have margin.
What's the problem here.
Yes, it is a class and not an idea we can add here.
Class and paste.
OK, that's good.
And actually this part is see from here we will add three columns.
They are equal in which we have some books shows.
The first thing we will do right here is to add a dev with class of container and then we will add three
dead because of fruit and then we will add three columns here we can wear.
And yes, here, Devoy, the class of the row and add to this part that will have to print.
I'm going to choose column three for the screen we can make here with Class of Poland.
That's quite large three, column X, large three.
And then we will check the response before we can cover this part paste and paste again.
So here we will be having one, two, three columns here.
We can make justified content evenly because the space here is equal.
After this part, we can go here and we can cover the text center and build here.
So everything inside this section will be having the text a line of center.
Let's check it out.
OK, and here we got the first colan we can go and edit, we can make here and then it with a source
of features, I think this one right here.
Let's check it.
No, not this one, we can just up and inspect and check it.
Or we can just use the same image here, values, yes, values, let's go.
Here they have to be values one and then we can copy this here and here.
This to be two and three.
Let's go back to our to our Web page and see what we have right now.
OK, that's good.
Just have one what up here.
We have this one just we just have values.
One we can just type here from one and one, but we need to give it a class of enhanced flight to be
taking the width of its colon.
We can go here.
A class of image flunked.
We can copy this class and look here and here.
Let's go and reload our Web page.
OK, so here we got one, two, three.
We can add four in order to make it smaller.
As you can see here, we can give it an idea of immagine image, uh, values.
OK, and then we can copy paste it here and also here.
Next step is to go to the C.
S and add transfer of scale.
We can go here, delete this, add the hash.
OK, this to be have a transform of scale.
Let's try O point eight.
We can go now to our web browser.
OK, I think that's correct.
And then we need a whole function to be the same in here.
We can go here again, scrolled down, it can cover this one.
And we consider this to be getting the overall function.
Let's bring them over to be all point seven.
Let's go and reload our Web browser.
OK, that's good.
We just need to be having transition again here.
Sorry, we can't scroll down and this to be having a transition of old point one seconds.
I think this will be very fun with the opening 20 seconds reload.
We can make this here.
OK, so now that speech and then here we will add this text list to be having three or four, we can
go back to our source code inside the index edged out.
Scroll down to the bottom of the page.
OK, where is it now?
Not this one.
This one.
This is for the demo version.
And then here we can make it up with class of three and to be having the class of purple.
And then inside you can just copy this text from here.
We can cover this text.
OK, and taste, let's go and see what we have, we can just make it font style of italic and then we
can cover this class to be having a class or the styling of the font style of italic.
We can go here to be having font style, this style of italic.
Let's go and reload.
OK, that's good.
Let's make it.
Yes.
From here.
Dial phone to wait all polder.
Let's go to the Web page or just let's try episode of two, OK, let's try three right now or let's
check here.
OK, let's try that.
OK, we can send it back to two.
Yes, three.
And after this part, we can cover this same text and paste it here and here.
We can go back to the index edged out from here.
Yes.
Copy this one.
And basically here and here.
So here we got this test.
And here, as you can see from here, we will add this test.
We can just give it the class of lead, but a different font size.
We can go here and clean the class of lenth that we can give it a title of font size of one already.
And we can try to start from here and then we can copy this text and pasted inside our source code.
OK, that's good.
We can go and reload.
OK, that's good.
I think here.
Yeah, no, no, no.
Let's try here one point twenty five.
No, that's very big.
Let's try one on one and go back to the what page.
OK, I think that's good right now.
And then here we can copy and paste the same text.
We can't keep this paragraph and pasted to the first one and the last one.
Paste and paste.
Let's now go and reload the page.
OK, that's good.
But as you can see from here, lectures at the book's shadow, we can go to the CS s.
And me just being that you are valid, I think, OK, where is that picture, let's make it values and
then we can cover this I.D. and go back to the left.
That's inside.
I wrote an op ed, Gavin, with a class of googolplex X Lord of the Rings.
The first thing you do, as you can see from here, is to add the book's shadow we can make here of
shadows or three pixels or pixels, pixels, one big slice of black.
Let's see what we have right now inside our Web page.
What's the problem?
I think we got something wrong.
Gan.
That's the problem right here.
Shadow, can we have something from this park?
So let's check out.
Yes, sir.
Must be, or we can just believe this, I think, class with it.
We can go here and try something like inside job with tons of container.
No.
So what's the problem?
Can you believe this one?
And John, handbook's shadow here.
So what's the problem with Bart?
Let's try to make something different to make sure it's really apply to this one color blue.
No, we get something wrong with this part.
So what's the problem right here?
Yes, sir.
Yeah, we need to check this part right here.
We can try to give you an idea of shadow and then go back to the club upstairs as.
Shadow and then you in the practice, and let's try to make color red.
So now it's being applied and then here we can get a shadow one pixel for pixels, a big a plume of
black lets go and reloading.
OK, that's very large.
Let's try to make it just, you know, again, we can try to make this one to be one.
OK, I think that's good.
We just need to decrease the degree of bad color we can support and decrease it from here.
I just go and see what we have right now.
OK, let's decrease.
More likely to be one.
Go and reload the page.
OK, that's good.
We just need here to add some padding.
We can add go here and padding off.
Let's try to
reload, we can apply to the rest so we can test whether everything is OK.
We can copy this idea from here, copy paste it here and here.
We can go to this to the Web page and see what we have right now.
OK, I think that's good right now.
And here we need to add some margin.
We can go to this one where yes, here this to be having style of more than top of search results.
Let's see what we have right now.
OK, that's it.
But we get something different here.
Indicates to you from the demo version.
When we hold this one, we have this chance true of scale.
We want it and the whole function to be for all of that.
Let's go to this is a game.
And, uh, yes, we can make values inside that container and inside at, uh, yes.
The closure of this year in a row and column X X three life.
And so we can come this part.
That's right.
Yes, it's already here.
Or we can make a shadow of those shadow there's to be having this to be having for the whole.
And then we can make inside the image and then we can cover this this year and check whether everything
is OK or not.
So here we got the note, then we guess something wrong.
This part.
What's the problem here?
It started from the beginning when you was probably right here.
Yes, we solved the problem, the problem was with the space, we shall not add space right here.
It's OK right now.
In the next video, we will change the responsive design of this part.
So good luck and have fun.