Invisible Margin at the bottom of one list item

[samuelreichoer]

Hello everyone, I would like to have an invisible distance between the different list items. Can you help me?

HTML:

<ion-list>
    <ion-grid>
      <ion-row>
        <ion-col size-xl="6" offset-xl="3" >
          <ion-card class="tasks" >
          <ion-item  class="taskbox" *ngFor="let item of items" [routerLink]="['/update-item', item.id]"><ion-checkbox class="deletetask">
          </ion-checkbox>
              <ion-label>
                {{ item.title }}
              </ion-label>
            </ion-item>
          </ion-card>
         </ion-col>
      </ion-row>
    </ion-grid>
  </ion-list>

css:

.taskbox{
    --background-hover: #799696;
    --background: #4F7575 !important;
    --color: #ffffff;
    margin-bottom: 5%;
     box-shadow: none;
}

This is what it looks like now:

`