All right.
Welcome back.
So in this video we're going to go over how to style the about section.
So the first thing I want to do is happiness a bomb I'm here we're going to copy the start feature courses
section return twice.
Paste that down here and we're going to start about section.
OK.
And then what I want to do is copy that again.
Don't do that.
Highlight it.
Control C return three times and then paste it then and then do.
End about section.
And then inside of there go the line ninety three.
And we're going to start styling in the About section.
So the first thing I want to do is go to the H team and document so you can see what we're going to
be styling.
OK so we're gonna work on this section right here.
The section with the idea of about and then we have a class with about students reviews courses and
content.
And so those are the basic ideas that we're going to be working with.
The classes and the ideas.
OK so we're going to do section idea about and we're going to do with 100 percent Height five hundred
and nine pixels background is gonna be hashtag twenty five twenty five twenty five.
And then we're going to position absolute top is gonna be eighteen hundred pixels and left to be zero.
OK.
Now if I right click and open the browser from index that age to now let's take a look at that and just
see what we've done so far.
So we gave it a background color with a position and now we're gonna style the text and this content
here students reviews courses hours of content that kind of thing.
OK.
So let's go here right below and I'm going to do div dot about and we're gonna do color white text to
line
center.
OK.
And then let's open the browser.
So let's right click open in the browser.
And now when I come down here about learned plus is in white which is what we want.
Now we're going to work on these so students reviews courses and hours of content.
So let's close that out and let's go back to main that's USS and we'll start styling this we're going
to do div that students
and we're going to do with 300 pixels.
Height is gonna be 200 pixels.
Background is gonna be black.
We're going to do text align center
OK and then we're going to do color white.
Position is gonna be absolute and the top is gonna be two hundred and twelve pixels and then we're gonna
do something else.
So we're gonna do this same div with the class of students right below.
We're gonna do the same thing we did in the previous video but this time we're gonna do it before we
write it out.
So that way we're not writing.
We're not repeating ourselves for no reason.
So we're gonna do six hundred pixels left.
OK.
So what that's gonna do is when I right click and open in the browser and I scroll down.
Now you can see students is right here.
OK.
Now what we're gonna do is we're going to add to this one.
So we're going to do a comma with a space div dot reviews comma space div dot courses comma space div
dot content.
OK.
And then what we're gonna do is we're going to copy this right here.
OK.
Copy that pasted in here and changes to two reviews.
Change left to
six hundred.
OK so actually I gave the students left a wrong property is going to be two hundred fifty pixels.
That's why I didn't look right.
I just noticed that.
Let's right click open to the browser.
And now when I go down there we've got students right here and we got reviews there.
Now they're all lined up because we have the same property and we just need to change the left.
So now what we're gonna do is we're gonna highlight div dot reviews paste that down here and change
reviews to courses and then the left will be nine hundred and fifty one and then I'm at a pace that
again and we're going to changes to content and that one will be 13 0 1.
And once we do that then it's going to line up the way that we want.
So let's go to index that age.
Tim I'll open the browser scroll down and now you can see we've got students reviews courses and hours
of content all evenly mapped out here.
And easy to read.
Now we have this right here the learn tech is kind of overlapping it.
So that's OK in the next video we're going to learn how to style the learn tech section.
So I'll see you there.
Thanks Roger.