Personal Portfolio Project - making welcome section == to viewport

Code Feedback
1

I need help with making my viewport equal to my welcome section. Thank you for taking the time to respond to my query. Its really appreciated.

2

Can you please elaborate on what you are trying to achieve?

Which part is the ‘welcome section’?
Are you trying to make the welcome section fill up the entirety of the viewport height?

3

You can use min-height: 100vh in your #welcome-section css selector.

4

No I am not trying to make welcome-section fill up the entire viewport height. This particular test is not passing and I do not know what I am doing wrong or have not yet done.

5

I did that and its still not passing. I honestly do not know what to do.

6

So, you must remove the padding-top or add box-sizing: border-box; to it so the padding counts as part of the rectangle. Also its best if you use height instead of min-height since the test wants the height to be exactly equal the viewport.

#welcome-section {
  box-sizing: border-box;
  height: 100vh;
  padding-top: 10px;
  text-align: center;
  font-size: 150%;
}
7

It worked. Thank you.

But if I wanted to allow my images to appear in a 2x2 grid display what do I do ? I have used divs to group them, still I am not getting the desired response. Any suggestions ??