I am still making my portfolio project, however, there is one huge problem I keep running into. I need some understanding on view-port units (vw + vh). I am trying to get the first section of my portfolio to 100vh on the section. However, when I do this I have to scroll down to find my button which is an anchored link to my next section.
Furthermore, I am just lacking some core concepts of understanding height elements on parent containers. For an iPad with dimensions of 800 x 1280, why is my 100vh set on the creating 1280 pixels on my section in developer tools which I then have to scroll down to see the bottom of the page?. I thought 100vh was supposed to be the height of the screen size of whatever the person is having? I shouldn’t be scrolling down at all on my page if I have 100vh set on the parent container right?
I am majorly confused about this. Here is the link to codepen and my project. Keep in mind, I am not finished with it and this is one of the big things that is sucking up my time. I am just sitting here spinning my wheels trying to figure this out. Thank you!