I put some text on the page on top of a block with a solid background, I added padding on the text so its centered. it looks good.
the problem is when I start resizing, the lines become narrower because its responsive and it creates more but smaller lines. so now the padding on top stays the same but the lines start going down and its not centered anymore. Even more so, the text goes down so much that it goes out of the block and onto the image below. it really doesn't look good.
Is there anyway to limit how far the text goes before starts to become smaller, or something like that? and make sure its always centered top to bottom just like the auto center right and left?