Welcome to brand new section and that is CSX layout in or CSX positioning, meaning how we can position
or layout content on a web page the way we want it.
Well, before we continue, let's look at the final project that we are going to build to reinforce
our knowledge when it comes to CSS positioning.
And we'll be using what is called relative, absolute and fixed positioning to achieve this.
So the main objective for this project is to be familiar with how to use these CSS positioning properties.
So let's look at the layout for this project.
You can see that we have three sections, the first one being the header.
And for the body it has been divided into two.
One on the right side and then the other on the left side.
And if you scroll down, you can see that for each section we have its own content as that.
And for this button I also used what is called the absolute positioning to achieve this effect.
And if you scroll down, you can see that this particular element is not movable.
Irrespective, the way I move around or I scroll my application is still remains where it is, and I
use what is called fixed positioning.
All right.
This project is not responsive because we haven't talked about responsive design.
And you can improve this application after we talk about responsive design.
But the main objective is to be familiar with these CSS positioning properties.
All right.
So let's get into that in the next video.