Img-responsive not working on my Tribute page

Img-responsive not working on my Tribute page


Hi fellow campers

I’ve just started working on my Tribute page and I have already gotten stuck.
The image won’t scale or align even though I’ve use the img-responsive class .

Please help .
Here is my code:

    <div  class="conatiner">

  <h1 class="text-center ">Kailash Satyarthi</h1>

<img src="    d5f3c-koilash-1.gif.pagespeed.ic.-jvInuPEGt.jpg" class="img-responsive center-block">



You could handle it like this:

img {
	width: 50%;
	display: block;
	margin: 0 auto;


container not conatiner


@ksjazzguitar That worked , thank you . But I wanted to write my code without any custom CSS.,like it showed in the video . Where did I go wrong ?


Thanks for pointing that out . I have corrected it but still the img-responsive class is not working the way it is supposed to


If you’re on codepen, they use version 4 and it doesn’t use img-responsive.
However, give the image the class img-fluid and in your css give your images
max-width: 100%; and height: auto;



Yeah, I don’t know how many times I’ve been bitten in the ass by a misspeling.


“misspelling” is the correct spelling. I had to point that out because it was ironic.


are you sure that you loaded bootstrap 3 and not 4