エラーの原因

初めに、今回のエラーの原因と、どうやって解決したかについて書きます。
原因は cssファイルの grid-templateの記述ミスでした。
NGなcss

ここでgrid-templateの「;」の位置が最後の記述の下に来ているのが原因でした。

正しくは、

のように、 grid-templateの記述を"footer";　と変更してアクセスできるようになりました。

grid-templateでエラーが出ているような記事などなかったためこれだけのエラーに半日使ってしまったので、
同じようなエラーで困った人の参考になれば幸いです

エラーの内容

rails sでサーバーを起動後 localhost:3000 にアクセスすると読み込み状態のままになった。
renderd ~~/~.html.erb within layouts/application
から動かず、ctrl+cも効かない状態になった。

どこが原因と考えたか

htmlファイルやコントローラーにエラーがある状態なら、エラー画面が表示された。
->rubyなどの環境が原因ではない。pcの環境ではない。と考えました。
->変更したファイルの中身が原因になる。

何を行ったのか

githubで新しくブランチを作成して、commitを一つずつファイルを確認した。
（git cherry-pick commit_id　でcommitを参照）
cssファイルをコメントアウトした際、画面が表示されたのでcssの中身が原因だと判明。
順にコメントアウトを消して、grid-templateでエラーが出ていることが判明。
；の位置を変えて画面の表示を確認。

迷走の記録

初めのうちは、エラーの原因究明の方法がわからず迷走してました。
ちなみに、以下の記事を試しましたので記録として
https://qiita.com/sakuraniumarete/items/ac07d9d56c876601748c
https://teratail.com/questions/77742
https://teratail.com/questions/97670
https://b0npu.hatenablog.com/entry/2016/04/11/032826

また、今回よく使ったコマンドとしてkillコマンドを使いましたがその参考記事も
lsof -wni tcp:3000　から　kill -9 killしたいPID
https://qiita.com/motty93/items/d22c1eb8f5128f8cd7f8

まとめ

grid-templateの「;」は誤った位置にあってもエラーが出ない時がある。