困ったこと
CSSを再勉強し、グリッドスタイルを学びました。
HTML5＆CSS3ステップアップブック 「CSSグリッド」＆「フレキシブルボックス」による [ エビスコム ]
これは、レイアウトが組みやすい！
ですが、テーマエディタでグリッドスタイルを設定する画面で、エラーが出てしまいました。
HTML&CSS, ワードプレスの困ったを解決！
CSSにfrを使うとコードエディタ―でエラーが出る
ワードプレス解決した方法
こちらは英語のサイトですが、frを使うとエラーが出るみたいです。
WordPress.org
core.trac.wordpress.org
そのままエラーを無視して、「サイトを壊してしまうかもしれませんが、それでもアップデートしますか。」という恐ろしいメッセージに✔を入れて更新しても、特に問題ありません。
ただ、frが正しく反映されなかったりするようです。
なので、frの代わりに%を使うなどして調整すると、問題なくグリッドスタイルが使えました。（たいていの長さ単位が使えるようです。）
残りの幅を好きな割合に設定できるfrは便利なので、早くワードプレスでもサポートしてくれるようになるといいなあ。