I’m trying to center an image within a span of 3 columns on a small row. Heres a link to my codepen:
The text div seems to center fine within its 9 column grid, but the image is justified or floating to the left on a large screen. How can I make the image stay centered within its 3 column grid? I’ve tried center-block classes, img-responsive, text-center, etc but I can’t find a solution. Do I need to nest a row within a row so it differentiates between large and small screens?