Overlapping Text Problem - Personal Portfolio Project

One of the user stories is to have the welcome section be equal to the height of the viewport. So I put it as #welcome-section { height: 100vh; } and tested it. It worked, but that also made it overlap with the text in the projects section. How do you stop it from overlapping or is there another way of doing this?

It would be easier to solve your problem if you provide the source code. However, I assume excess padding has caused this problem. Try changing the height : 100vh to max-height: 100vh. try decreasing the padding. If this still does not help please share your code.