Disini kita menggunakan repeat(), yang merupakan cara cepat menuliskan grid-template-columns: auto auto auto. Kode di atas artinya kita ingin membuat tiga kolom dengan lebar sama rata.
Untuk grid-template-rows artinya kita ingin membuat dua baris dengan tinggi yang sama rata (sama seperti kolom).
Bagaimana jika kita ingin membuat logo berada di tengah jatah kolomnya? Elemen yang ada di kolom atau baris dalam di atur posisinya dengan mudah. Salah satu properti untuk mengatur posisi agar suatu elemen berada di tengah misalnya, kita cukup menambahkan justify-self:
