How I will solve this? (The height of the welcome section should be equal to the height of the viewport)

How I will solve this? (The height of the welcome section should be equal to the height of the viewport)
0

#1

Hi everyone! Please help me solve this.


#2

Hi
Have you tried this:

.intro {
  height: 100vh;
}

#3

I try but not success


#4

Okey I solved :slight_smile: .intro{ top: 0; background: yellow; min-height: 55vh; padding-top: 45vh; }


#5

So you’ve tried replacing height: 100% with height: 100vh like this?

.intro {
  top: 0;
  height: 100vh;
  background: yellow;
  min-height: 120px;
  padding-top: 80px;
}

I tried it in your pen and the height grows to the height of the viewport... and looks like attached image.![41%20PM|690x288](upload://kiRkvqRInNi4mmYwzdj7mEqfZ35.png)