Left to right 'wiggle' on my tribute project

Left to right 'wiggle' on my tribute project
0

#1

I can’t figure out what is causing there to be so much space that there is a horizontal scroll bar at the bottom of the page, anyone care to point me in the right direction?

Here is the link…

See the Pen Neil deGrasse Tyson Tribute Page by mandi hamza (@mandihamza) on CodePen.


#2

I’m only a noob myself so I may be wrong but,

  1. don’t use a “container-fluid” container as the overall container it will only cause the page to grow infinitely in size, which I doubt you’d want.

2.last “column div” you have has a size of 12 and an offset of 3, changing it to <div class="col-xs-6 col-offset-xs-3"> should help you out. (column size + offset*2 =12)

edit: also remember to keep your image responsive


#3

Thank you so much for your help! I found that I needed to leave the container-fluid in place in order to completely remove the extra width. I adjusted my columns as you suggested…oops!

I still can’t get the image to scale down properly. I’ve tried a number of things, but I’ll keep chipping away at after my little one is in bed :slight_smile:

ETA: I had used the wrong class name for my thumbnail, for some reason I used img-thumbnail instead of just thumbnail…all fixed now!