All language subtitles for 6. Page wrapper

And hello, guys, in the last lecture, we have made improvements in navigation, so the browsers or

the loading time, they are going from page to page.

You know, this lecture will take a look at another problem.

Let's start.

Let's go to any page you own about affect.

Your logging doesn't really matter.

There is one problem you maybe even didn't notice when you will see your page in your code.

And you will see your page in our Pages folder.

Take a look here.

Will go to fake.

You can see we will display our container thank you page in a homepage, in a about page we should display

about page.

But this this text isn't visible at any of our pages, and it's simply happening because the number

is hiding this text.

So let me inspect the.

Uh, but I was out here, so right click inspect this page.

Let's inspect Sierra Nevada, let's say.

You can see here is a container and log in page, but it's completely hidden, hidden under under this

enough bar.

So what they are going to do about these guys, I am going to create, I'm going to development vitriol,

specify padding on the top and the padding of the top will be exactly the same size as are.

Is that enough butter?

OK, so let me let me show you go here in about a little kid here, Dave.

And let's, of course, provide your ending talk like this a lot right here, class.

And let's go to Paige Dash up there like this.

Now I will copy it, and let's do it in all of our pages.

So let's go.

Thank you, Paige.

Let's see what's there, Paige.

Are that also up here?

Contain her ending up here so we can basically copy everything here and you can go to now log in, able

to copy everything here.

Paste it here.

I will say log in and log in.

Paige Elago to register outpaced everything here and I will say I am the ranges that are Paige.

OK, now I hope you have Paige proper, but these will not solve our issue.

They need to get a page of up there and they need to.

I sent here, so I'm putting on the top and the padding will be exactly the same size as our heads are

here.

So head there.

You can see there is a it's a one thousand.

In my case, it's one thousand seven hundred thirteen times seventy six pixels.

So seventy six pixels is height of the element.

You can also see it's I guess here it's called down here.

You can see it here.

One thousand seven hundred thirteen and seventy six is a is the height.

OK, so let's go to our coat and let's see our main S6's, and I think we will handle it today there

in the S6's have begun simply, we can score even on the top and there are five eight six here under

element.

Here I can ride year dot picture out there and I can say here padding top.

There'll be padding top will be 76 pixels, 76 pixels.

Exactly.

OK, I'll save it.

And now you will see that.

You can see I am looking page.

So page of app is wrapping exactly around the, you know, the header.

OK, so saw and will happen, of course, on every page will have this picture up there, which is specifying

the padding on the top, which is exactly the size of the head there, so the elements are not hidden

under it.

All right, guys, so that's going to be from this short lecture, let's continue in the next month.

Years.