coding #332 acomodando el html para mostrar la información más ordenadamente