I have a navigation bar, It looks perfectly but when users from other countries see the translated page each nav link becomes larger or smaller and when each word becomes larger the nav overflows and is covered. How can i make the font-size shrink or get larger depending on the available space. Here’s a pen so you can better see what i mean.[http://codepen.io/Jarolin/pen/bsJxi](http://codepen.io/Jarolin/pen/bsJxi “”)
As for how it is viewed when translated…I don’t think there is much you can do about that….but I’ll have a think about inline-block and how that reacts to viewport sizes.
