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:
`