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

Code Feedback
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; }

1 Like
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)
1 Like