Hello everyone! I’ve run around in circles trying to figure this out, posting it on the forums was my absolute last option.
I spent a lot of time figuring out how to execute an idea I had: layering responsive text centered over my responsive image for my Tribute site header. There are easier ways to do this, but I wanted to hit all the requirements, so I managed to figure it out! I was proud of it… until I had to start adding more. I believe that through the use of the position properties in my various header elements, I’ve made the rest of the site difficult for myself to finish.
Here it is:
I figured out if I changed any of the positions, it messes the header up somehow. But now I just can’t seem to get any content below my header (which contains the image, title, and img-caption). If I can’t figure out how to do it, I’ll scrap the neat header and go with something simpler.
Any ideas or hints on how I can make this work would be much appreciated!
As well as any general critiques of the code.