I'm building a large left column navigation menu. I want all the link containers to take up the full vertical space of the window when resize, and the links themselves sit centered vertically in the middle of the container. Font does not change size, the padding just gets smaller or larger as it scales. I have the body background changing upon mouseover of the link containers and not the links themselves, which is why I need this. I don't want there to be any gaps between changing backgrounds. I've almost been able to achieve this using table display but cannot get the text center vertically in this scenario. I've also figured it out with flex box (which I am new to) but I can't get the link container to fit to the width of the link text, and if the link is too long it forces a wrap. Any tips would be so appreciated.
↧