start value has mixed support, consider using flex-start instead

[willdurand]

postcss outputs two warning in the build logs:

[0] WARNING in ./src/amo/components/AddonSummaryCard/styles.scss (./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/postcss-loader/src??ref--5-2!./node_modules/sass-loader/lib/loader.js??ref--5-3!./src/amo/components/AddonSummaryCard/styles.scss)
[0] Module Warning (from ./node_modules/postcss-loader/src/index.js):
[0] Warning
[0]
[0] (35:3) start value has mixed support, consider using flex-start instead
[0]  @ ./src/amo/components/AddonSummaryCard/styles.scss 2:14-222 21:1-42:3 22:19-227
[0]  @ ./src/amo/components/AddonSummaryCard/index.js
[0]  @ ./src/amo/pages/AddonInfo/index.js
[0]  @ ./src/amo/components/Routes/index.js
[0]  @ ./src/amo/components/App/index.js
[0]  @ ./src/amo/client.js
[0]  @ multi webpack-hot-middleware/client?path=//127.0.0.1:3001/__webpack_hmr amo/client
[0]
[0] WARNING in ./src/amo/components/RatingsByStar/styles.scss (./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/postcss-loader/src??ref--5-2!./node_modules/sass-loader/lib/loader.js??ref--5-3!./src/amo/components/RatingsByStar/styles.scss)
[0] Module Warning (from ./node_modules/postcss-loader/src/index.js):
[0] Warning
[0]
[0] (63:3) end value has mixed support, consider using flex-end instead
[0]  @ ./src/amo/components/RatingsByStar/styles.scss 2:14-222 21:1-42:3 22:19-227
[0]  @ ./src/amo/components/RatingsByStar/index.js
[0]  @ ./src/amo/components/AddonMeta/index.js
[0]  @ ./src/amo/pages/Addon/index.js
[0]  @ ./src/amo/components/Routes/index.js
[0]  @ ./src/amo/components/App/index.js
[0]  @ ./src/amo/client.js
[0]  @ multi webpack-hot-middleware/client?path=//127.0.0.1:3001/__webpack_hmr amo/client

We should use flex-start instead of start. Same for flex-end.

[AlexandraMoga]

@willdurand does this require QA?
Thanks

[willdurand]

@willdurand does this require QA?

mmh, nope. Thanks for the reminder, I've added the "qa: not needed" label.

[mks21998]

@willdurand I too got stuck at the same problem with the same error statement. If you got any solution then please share it here.
Thanks!

[ambujkhanna]

@mks21998 : I also faced similar issue. Here was my solution.
**Earlier: ** -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; **align-items: start;**

Solution : -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; **align-items: flex-start;**

This one solved my warning issue.

[Tecayehuatl]

I my case i was using justify-content: start; property instead justify-content: flex-start; using flex-start value solved it!

[VirajThale]

I my case i was using justify-content: start; property instead justify-content: flex-start; using flex-start value solved it!

thanks it solve it

[henry25225]

I'm importing https://www.npmjs.com/package/@grapecity/activereports for creating report design. It shows the following warning.
./node_modules/@grapecity/activereports/styles/ar-js-designer.css (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-4-1!./node_modules/postcss-loader/src??postcss!./node_modules/@grapecity/activereports/styles/ar-js-designer.css)
How can I resolve this issue from 3rd party library?

[abramyangCN]

I'm importing https://www.npmjs.com/package/@grapecity/activereports for creating report design. It shows the following warning.
./node_modules/@grapecity/activereports/styles/ar-js-designer.css (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-4-1!./node_modules/postcss-loader/src??postcss!./node_modules/@grapecity/activereports/styles/ar-js-designer.css)
How can I resolve this issue from 3rd party library?

the same issue here
is there any option to ignore or exclude third party or node_modules?
otherwise we just contact grapecity and let them fix the issue
once you fix it please let me know