ReactJS Ionic no puede eliminar el relleno del elemento Grid Col

CorePress2023-11-30  1

Estoy usando React-Ionic y no puedo reducir el relleno superior/inferior del elemento Col de mi Grid.
Este es el código que estoy usando

       <IonGrid fixed={true} >
          <IonRow >
            {
              categories.map(l => {
                return (
                  <IonCol key={l.name} size="6" size-md >
                    <IonCard style={{ backgroundColor: '#444' }}>
                      <IonCardHeader >
                        <IonIcon style={{ display: 'flex', fontSize: '30px', marginBottom: 10 }} icon={l.icon} />
                        <IonCardTitle style={{ fontSize: 18 }}>{l.name}</IonCardTitle>
                      </IonCardHeader>
                    </IonCard>
                  </IonCol>
                )
              })
            }
          </IonRow>
        </IonGrid>

y abajo podéis ver el resultado, pero quería tener las cartas más cerca verticalmente. También intenté cambiar el código a

<IonCard style={{ backgroundColor: '#444', paddingTop:0, paddingBottom:0 }}>

sin resultados.
Gracias por la ayuda.



------------------------

es una combinación de relleno y margen, lo reduje a cero para que puedas ajustarlo en consecuencia

<IonCol key={l} size="6" size-md  style={{ padding : 0}}>
  <IonCard style={{ backgroundColor: '#444', padding :0 , margin :0 }}>
    <IonCardHeader >
      <IonIcon style={{ display: 'flex', fontSize: '30px', marginBottom: 10 }} icon={homeOutline} />
      <IonCardTitle style={{ fontSize: 18 }}>{l + " THIS IS TITLE"}</IonCardTitle>
    </IonCardHeader>
  </IonCard>
</IonCol>

Su guía para un futuro mejor - libreflare
Su guía para un futuro mejor - libreflare