I have an implemented project built with the grouper Parcel.js.
After applying CSS Autoprefixer and redeploying the website, almost all styles of my website are corrupted. I'm really not sure what caused this and, unfortunately, I could not find a similar question for the problem I have.
First I added Autoprefixer in my development dependencies:
"autoprefixer": "^ 9.5.1",
"package-package": "^ 1.12.3",
"Postcss-modules": "^ 1.4.1"
Then I created a configuration file .postcssrc in my root folder that contains:
(I used a bit of CSS-Grid for designs on the site, therefore, the following configurations)
I also created a .browserslistrc configuration file for browser destinations also in the root folder that contains:
I chose the default settings for the browser destinations because it was mentioned in the Autoprefixer documentation that the default option contains a good variety of browsers and since I did not have any specific needs, it seemed the best option.
I have tried to give an accurate description of the events. If you need more information, let me know.
I would really appreciate help in this matter, since I can not understand it right now. Thank you.