React Website applying different css after npm run build

Question

I am creating a production build of my website with npm run build and using netlify to host it. After creating the production build the look of the website has changed dramatically and I can't understand why.
Before View on codesandbox
After
Production

Several other aspects are different too on almost every page. I've had this issue before when I found that there were multiple parts of my Css that were changing the same Html tag, but I have not seen that in this code.
github repo Any advice you have will be greatly appreciated.

Dylan Bozarth · Accepted Answer · 2020-10-14 22:01:12Z

1

I figured out my mistake. Don't mix bootstrap, react-bootstrap, and custom css into a frankenstien's monster like I did. There's a reason for my SOF name.
If anyone else has this problem in the future, simplify your css, and you might have to redo the whole layout.

answered Oct 14, 2020 at 22:01

Dylan Bozarth

1,7242 gold badges22 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React Website applying different css after npm run build

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related