Nod

Submit a ticket My Tickets
Welcome
Login  Sign up

CSS Flexbox

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:

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.