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.
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.