Specific Question for my Tribute Page on S.N. Goenka

Specific Question for my Tribute Page on S.N. Goenka
0.0 0

#1

Hi there,

In building this page I though it would be a challenge for myself to try and for the most part replicate the example, as shown here.

Here’s mine

I think I got most of it, however I cannot for the life of me figure out how fit the Bootstrap element to the image, keeping the 3px padding around the image., as the example shows. Also in the example, the figure stays fitted around the image whether you expand or narrow the window. Instead, in my version if you expand and narrow the window 's width stretches.

Does anyone have any suggestions on how to go about this?

Thanks in advance!
Sean


#2

Hey. To have an image fit its container, you would have to give it a width of 100%. The Bootstrap class img-responsive uses max-width instead, which doesn’t allow the image to stretch over its (natural) max width.


#3

That worked, thank you! Also had to add style=“max-width:585px; margin:auto” to so it wouldn’t get extremely big when expanding the window and would stay centered.