OK, guys, and here we have with this team up and polishing docked here, we will type at 2pm at 5:00
to get the template off to normal fun.
And this want to be for politician.
OK, the first thing we'll start with is that a relative and how we can use it here.
We can create a devah and give it a class of relative.
And then inside we can just type, uh, something like let's start with the be OK.
And right now we get type something inside like X1 and on and fix it when we go to position us.
But first we need to connect between them, link our L style to and we have to be put in DOT CFS and
then here we can type Fitzherbert.
Let's first reload.
I said OK, we can give it a color of uh uh yes.
Flag and background.
Color of light green.
Let's reload.
We just need to add some padding and also you delete the space from here.
Margin zero and zero, and there's something which we want to make there for the universe and the body,
we can just add a comma here and type body.
So these properties will be added to the universe and the body.
That's right.
OK, so now we have deleted the space.
And to act this, we can just give a position set in.
So now we got this week, but this is not great.
I wanted to be taking one hundred percent.
We can't just get rid of one hundred percent.
So now we got the with the one hundred percent.
So now we know how to solve this problem, but we got no difference here.
That's because we want to add here for the body of this property, which it will be only applied to
the body and not the universe.
In addition to the margin and the bedding here, we can give it a height of two hundred and now when
we scrub, it will be with me when wherever we go.
But we find the position of extending it cannot be with me anymore.
This is the position of fixed.
And the second thing we can apply right here is the absolute.
Let's start with here, Denver class, we kind of give it a class of absolute and then we can type at
one and I am an absolute, absolute position.
OK, so that's perfect.
But there's something here I'm going to show you it, because people coming to this part, this is covering
the absolute when we go and the latest thing that we got, I am absolutely the politician.
We can just come in this part
and we can learn fast.
OK, so here we've got this place and I am absolutely positioned for the absolute position.
We can just go here and absolutely give it the color of one and background color black.
OK.
And after this part, we can give a position of absolute when I get a position of absolute.
Now we got this here.
Now I can control the left and the right.
I'm going to show you how we can give a topic of zero.
So now we got it at the top of the room.
And also I can control the left of center.
But this is not 50 percent right.
There's something which is called transform translate, which we will use very soon.
But when we make the screen larger, OK, and now we can make this to be also 50 percent.
And now we got this here and here.
Let me get a screen larger in here.
Also, we have freedom and right if we wish to add podium and.
Right, let's make the screen larger.
So now we got this here, but this is not centered to make it centered and to make it work.
There is a property which is called Transform Translate.
We can go to our code like maybe screens onto larger.
We can here transform translate negative 50 percent and negative 50 percent.
And very soon we will talk about the transform of scale rotate and all of that.
We can go back to our page.
So now we got this centered on the screen.
This is the absolute position.
Let's just now talk about that relative we can make us want to regain.
And the same is here.
Get here.
Let's come in this part,
OK, the same as here, and then we can create a any death, but I'm going to show you a way to type
the class.
We can just make the class indices as we use just to talk.
So here we will type doctor relative when we click enter.
So here we got to have we have a class of relative after this part.
We can just type here something like that.
Schwann and on and relative.
So with that, the I am relative, we can go to our final
position, let's just ask some tiny, like color of white background, color of red and let's add quarter
five pixels solid of black when we go and reload the page.
So now got a space.
Let's just now try to add position of relative, position of relative.
And now let's try to add the top gun.
I would say about nothing.
That's because it's relative according to this space.
So the screen is starting from here for this position, if I add here, chopped off one hundred percent.
So now we've got some space.
This is the difference between the absolute and the relative to the absolute.
When we type job of zero, it takes me up here.
But for the look for the relative, it's starting from here.
Let's make that with your GPA to one hundred percent.
OK, that's good.
And here we can make the left to be 50 percent.
So now we've got the left of 50 percent and we can try to add a chance to translate if we wish to.
But it's not the discovery right now.
And now this is the relative.
Let's talk about the sticky and how we can use it here.
We can comment this section also the same as we did for the absolute aim to fix that.
And here we can add depth with class at X1 and we can just type checking and actually start let's reload.
We can go now to our CFS and see how we can use this technique.
But first we would get a copy of the text right here.
That's one.
Lauren Zahedan, Lauren, Lauren, Lauren.
Because we need to add some text in order to use a sticky for this part.
Let's go now to the seasons and know how we can use the sticky function right here, working at a class
of to that style and function.
And here we can give it color of, uh, yes, we can give it a line and background color.
OK, and quarter five, petfood fellate.
And for that we can go and reload.
And then we got this, OK, or we can just make it black.
OK,
and after this part we will add the position of taking like a start up here position of text.
OK, we're talking difference, but when we scroll down.
Sorry we something wrong with this part.
So what's the problem.
Yes, it's Teche,
top of the road.
So now we got the job of a zero, so this is the sticky position I've inserted on top of zero, so when
we scroll and go here, it will be taking the job of zero.
We can try to top that.
So now when we go through here, before I reach, let's take a position with 50 pixels.
It will be coming with me.
And when I go back to its original position, it will go back to at that fill about the position and
the next video.
We can just talk about that.
I'm sure we will know how to use that transfer of translate and rotate skill and all of that.
So good luck and have fun.