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:
<h1 class="text-center ">Kailash Satyarthi</h1>
<img src="http://en.prothom-alo.com/contents/cache/images/650x0x1/forum/uploads/media/2014/10/10/650xNxc411c900ab5667c04fd59c2ebba d5f3c-koilash-1.gif.pagespeed.ic.-jvInuPEGt.jpg" class="img-responsive center-block">
You could handle it like this:
margin: 0 auto;
@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
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.