Flexbox is a great css tool but as it is relatively new it is not compatible with many older browsers or on TV screens.
Note:
1. LG Player: Flexbox MUST be Prefixed
If you are using Flexbox you will need to use prefixes in order to make Nod compatible assets.
Auto prefixes can be very helpful to help with this issue and can be found in 'Packages' in text editors like Sublime.
If using Node and doing dynamic styling there are NPM modules, like 'React Prefix', that can be added to inline style objects that will add prefixes when your code is compiled.
https://www.npmjs.com/package/react-prefixer
2. Flex-basis does NOT work
**Bug fix:** use set widths/heights %'s and calc() to adjust any padding/margin on elements.
For example: