グリッド テンプレート エリアを使用して要素の配置を?qū)g現(xiàn)しようとしていますが、機(jī)能しません。グリッドシステムを使用してブロックを垂直方向と水平方向に配置しようとしています。左側(cè)に畫(huà)像を使用し、反対側(cè)にテキストを使用します。このコードが機(jī)能しないのはなぜですか?
リーリー リーリー
https://codesandbox.io/s/blissful-bush-tngxm8?file=/src/styles.css
1
0
0
grid-template-areas を使用する場(chǎng)合は、グリッド內(nèi)の要素に grid-area 値を割り當(dāng)てる必要があります。
つまり、次の css コードを追加すると、望ましい結(jié)果が得られます:
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
