Help with tribute page border

Help with tribute page border
0.0 0

#1

I am very new with HTML and am struggling on my tribute page. I have extra space along the right side of my page and can’t figure out to get rid of it.

Here is the link to my CodePen: https://codepen.io/kericks77/full/jzXqeM/

Thanks in advance for your help!


#2

Hi!

Try to add .img-fluid to your <image> tag.
Like this:

<image src="https://1c1paci2pz61myb2quch3313-wpengine.netdna-ssl.com/wp-content/uploads/2017/10/harvey-milk-photo-of-harvey-milk.jpg"alt="Harvey Milk" class="img-fluid">

Hope that helps


#3

I had the same thing happen on mine when I used an image that was narrower than my screen, even when I used .img-fluid. I solved it by adding the class .center-block to the img element so the class attribute looks like class=“img-fluid center-block”

Then in my CSS area I put the center-block description like this:

.center-block {
display: block;
margin-left: auto;
margin-right: auto;

}

I somehow found that fix while googling it, and that did it, my image was centered. See if that maybe helps you out as well.

Rachel


#4

Thank you so much. That fixed the sidebar problem.