css gridについて

Question

ページをこんな感じに分割したいんですけど、上手くいきません。

CSSはこんな感じです。
player、manegerエリアの四角はそれぞれ"article"でできてます。

body{
display: grid;
grid-template-columns: 20px 1fr 20px;
grid-template-rows:
[head] 100px
[play] auto
[manege] auto
[foot] 100px;
grid-row-gap: 200px;
row-gap: 200px;

}

body > *{
grid-column: 2 / -2;
}

.prof1_player{
display: grid;
grid-column: play;
grid-gap: 20px 10px;
gap: 20px 10px;
grid-template-columns: 1fr 1fr;

}

.prof1_maneger{
display: grid;
grid-column: manege;
grid-template-columns: 1fr 1fr;
grid-gap: 20px 10px;
gap: 20px 10px;
}

h2{
grid-column: 1 / -1;
}

因みに今はこんな感じです。

よろしくおねがいします。

Comments

[kyoya0819]

CSSフレームワークタグ付いていますけど具体的に何を使ってますか？
また、HTMLがないと我々はエスパーでないので答えられません。

[zynu]

申し訳ないです

Answer 1

grid-rowとすべきところをgrid-columnとしてしまっていました。しょうもない質問ですみませんでした。