white box to match the vertical length of the picture
am not sure which white box you are referring to. i see this image code
<img class="img-responsive" id="about-photo" src="https://lh5.googleusercontent.com/_Pf5cgLHO0HFRhaDk4FxpVtElWZHdimMkey17ZWMhYT0TWtxT_1I6trhUHLoWIW0f-sN4qxALESFt11E4LQxpg=w1301-h671"> but it doesn’t appear on my end, it returns a 403 error.
massive space at the bottom of the about section
here’s the culprit for that massive space below about section
margin: 110px 0px 30px 0px;
you might want to adjust this margin as well since it gives you horizontal scrolling
also, your portfolio link is not working. should be
learn browser developer tool’s inspect element, it’ll help you quickly find UI errors. be consistent, instead of setting margins uniquely in each element (eg. #about, #portfolio-section), you might want to consider setting it using their common class name such as “.container-fluid”.