cards in list-view are not justify with space around
Summary:
Hi Experts
I have cards within the list-view component and right now they are left justified and i want to justify with space around but the classes added are not reflecting, please help me below is my code
<template id="meTab"> <oj-sp-dashboard-panel> <oj-list-view data="[[ $variables.vTabsTileDataArrayADP ]]" class="oj-flex oj-sm-flex-items-initial oj-sm-justify-content-space-around" display="card"> <template slot="itemTemplate"> <li class="oj-flex-item oj-sm-12 oj-md-5 oj-lg-4 oj-xl-3 oj-sm-margin-1x "> <oj-sp-card badge.status="info" badge.style="strong" badge.text="[[$current.data.badgeText]]" primary-text="[[$current.data.title]]" image-size="md" image.src="[[ $application.path + $current.data.imagePath ]]" secondary-text="[[$current.data.secondaryText]]" image.object-fit="contain"