私の最初のオブジェクトがグリッドの他のものよりも大きい理由CSS

Question

こんにちはギャラリーギャラリーでアートギャラリー用の画像を表示しようとしています。私はCSSグリッドを使用しています。私は1つだけの質問を持っていると私はそこに固執しているのですが、私は理由を知っていません何かパッディングとサイズのパラメータは、グリッド表示の最初のオブジェクトは、他のもの、最初のものがより大きい他の人、

Answer 1

削除

grid-template-rows: 30%; 

できました 問題を解く。

.wrapper{ 
    background-color: blue; 
    padding: 65px; 
    display: grid; 
    float: right; 
    grid-template-columns: 30%; 
    grid-column-gap: 50px; 
    grid-row-gap: 50px; 
    width: 70%; 
    height: 1000px; 
} 

https://jsfiddle.net/21vbLaow/