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.
to modify the huge gap under about section, you can modify margin property at line 2 of css
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”.