CSS Grid es un sistema de diseño bidimensional que le permite definir filas y columnas y colocar elementos en cualquier parte de la cuadrícula resultante.
'fr' significa fracción. Cada columna o fila con '1fr' obtiene una parte igual del espacio disponible en el contenedor.