Question

I am looking at this site here:
platetheslate

I found it from another users question on here but I have one of my own.

How do they make the header image FULL HEIGHT? I know you can get a full width/height with even CSS “cover” element but thats not what I am getting at.

How did they set it, so no matter what size your display/window it takes up the full screen (height wise), no matter what you always just see the photo UNTIL you scroll down.

Thanks in advance!

Answer 1

This should scale the width in proportion with the height.

#id {
    position: relative;
    height: 100%;
    width: auto;
}