Estoy tratando de deshacerme del espacio excesivo debajo del contenido de la página y obtener la altura para que se ajuste al contenido. ¿Qué puedo hacer? Actualmente estoy configurando la altura de en automático (consulte el código a continuación y la aplicación se puede ver aquí: https://rick-morty-five-pi.vercel.app/ ):
<span key={id} className=" p-3"> <li className="flex justify-center">Planet Name: {name} </li> <li className="flex justify-center">Planet Type:{type}</li> <ResData className="h-auto" residents={residents} /> </span>Realmente no estoy seguro de a qué parte de la página se refiere, pero si es la página principal a la que se vinculó y se refiere al espacio debajo de todas las tarjetas. Le diste a tu lista de elementos un relleno total de 1,5 rem. Por lo tanto, hay un espacio en blanco de 1,5 rem debajo de su contenido.