first of all, my Tribute Page so far: https://codepen.io/trvepeak/pen/MPRoNJ
For now I’m just figuring out structure, which is why the rows are colored the way they are. Design will follow after everything is at it’s place and responsive.
I’m stuck here and could use a few hints how to solve the following problems (using Bootstrap):
Centering the content of the rows. I’ve found a workaround once by decreasing the size of the rows but I’m sure I can center text and objects some other way, right?
To position the content vertically I used br. Is this legit or is there a more elegant way, by altering padding for example?
The div called “img-caption” should stay below “img-div” all the time. Do I achieve this by using the push and pull method of Bootstrap?
When resizing the whole page both headings should resize (h1 and h2) but they don’t, can’t get it working. I also noticed “tribute-info” has a padding between the edge of the div and the text whereas the rest of the text doesn’t. How to I add this to the rest?
Thank you so much in advance for any helpful comment and sorry if I posted this in the wrong topic!