Modified List Design

src/pages/ListBiographies.tsx

@@ -49,8 +49,8 @@ const ListBiographies: React.FC = () => {
           ListBio && ListBio.map(listbio => {
             return (
               <>
-                <IonItem routerLink={`/Biographie/${listbio.id}`}>
-                  <IonCard>
+                <IonCard>
+                  <IonItem routerLink={`/Biographie/${listbio.id}`}>
                     <IonImg style={{ height: 300, width: 600 }} src={RobertoClemente} alt='Logo'></IonImg>
                     <IonCardHeader>
                       <IonCardTitle>{listbio.title}</IonCardTitle>
@@ -58,11 +58,11 @@ const ListBiographies: React.FC = () => {
                     </IonCardHeader><IonCardContent>
                       {listbio.content}
                     </IonCardContent>
-                  </IonCard>
-                </IonItem>
-                <IonItem routerLink={`/Question`} detail={true}>
-                  <IonIcon icon={square} />Tomar quiz
-                </IonItem>
+                  </IonItem>
+                  <IonItem routerLink={`/Question`} detail={true}>
+                    <IonIcon icon={square} />Tomar quiz
+                  </IonItem>
+                </IonCard>
               </>
             )
           })