【カード型レイアウト】

カード型レイアウトを実装の際

display: grid;で3行でシンプルに実装できます

display: grid;　/*gridレイアウト指定*/

gap: 30px;　/*隣り合う要素間の数値を指定*/

grid-template-columns: repeat(3,1fr);　/*カラム数の指定*/

コードがシンプルになり使いやすい