フレックスボックス編でflex-direction:rowは主軸に対して右へ並べられるしflex-direction:columは主軸が縦になって上から下へ並べられていたと思うのですが、grid-template-columnsは列方向（右方向）、grid-template-rowsは行方向（縦方向）になるのはなぜですか？似ていても全く違う意味になるのでしょうか？