Continuing the discussion from Display Text Over a Responsive Image in Bootstrap (Tribute Page Challenge):
With the help I’ve received on this forum, I was able to place text over the top of an image (kind of like an overlay) using position: absolute/relative and width: 10vw/vh etc.
However, I am now having an issue that when I make the page screen smaller, the h1 will drop below the picture rather than becoming smaller inside of the picture, if I’m explaining that well. Please feel free to check out the page in question with this link http://codepen.io/ToTh33dge/full/ezpMVj/
I was using a
class="container-fluid" before I decided to try the
class="jumbotron" as I am trying to contain the h1 to the same parameters as the image.