ローカル環境と本番環境でレイアウトが異なる

上が本番、下がローカルです。create-react-appでHPを作成しています。テストで本番環境に上げてみたら、本番とローカルでレイアウトが崩れてしまいます。なぜでしょうか？

index.htmlのコードを貼り付けておきます。

html
1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="utf-8" />
5    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
6    <meta name="viewport" content="width=device-width, initial-scale=1" />
7    <meta name="theme-color" content="#000000" />
8    <meta
9      name="description"
10      content="Web site created using create-react-app"
11    />
12    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
13    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
14    <title>React App</title>
15  </head>
16  <body>
17    <noscript>You need to enable JavaScript to run this app.</noscript>
18    <div id="root"></div>
19  </body>
20</html>
21

firebaseで公開しています。

HPのリンク　　　https://rowing-hp-10839.firebaseapp.com/

miyabi_pudding

2020/02/19 07:19

以下の質問修正をお願いします。・ひとまずソースコードは掲示してください。（関係あるかもなので）・サーバー何使ってるか・WordPressなどのCMSは使っているか。使っているなら、それを掲示・ブラウザは同じブラウザを使っているか。またそのブラウザの掲示・サーバーと、ローカルでは全く同じソースコードをみているかどうか・サーバーの方でみた時、どこかにエラー文がでてないかどうかエラーが出てるなら、そのエラー文を記載お願いします。質問文は修正できます。複数あってお手数ですが、よろしくお願いします。