About page, trouble with boxes


#1

Hi, could anyone help me with my project, I can’t get the white box to match the vertical length of the picture. It was fine before, i finished the about section and then I moved on to the portfolio section and suddenly there is a massive space at the bottom of the about section. Any help would be much appreciated. Also any feedback in general would also be appreciated.


#2

to modify the huge gap under about section, you can modify margin property at line 2 of css


#3

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

#about{
  margin: 110px 0px 30px 0px;
}

you might want to adjust this margin as well since it gives you horizontal scrolling

#portfolio-section {
  margin: 10px;
}

also, your portfolio link is not working. should be href="#portfolio-section"

tip:
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”.