ul{ padding: 0px; margin: 0px; li{ ion-card ,.card-md,.card-ios{ position: relative; box-shadow: none; -webkit-box-shadow:none; -moz-box-shadow: none; border: 2px solid var(--gray); margin: auto !important; color: var(--darkgray); border-radius: 10px !important; } } } li:nth-child(3n-1), li:nth-child(3n){ display: inline-block; width: calc(50% - 0px); div { display: flex; align-items: center; flex-direction: column; p.balanceVal{ color:var(--secondary); font-size: 20px; } img { width: 90px; margin: auto; } .accuralImage{ min-height: auto; margin-top:60px; } .boldTxt{position:absolute; left:0px;top:20px; width:100%;} p.balanceTxt{ font-size: 16px; padding: 5px; } } } li:nth-child(3n+1){ display: flex; align-items: center; justify-content: center; height: 140px; overflow: visible; div.content-line { p.balanceVal{ color:var(--secondary); font-size: 20px; } img { width: 100px; margin: auto; } .accuralImage{ float:left; width:50%; } .accuralTxt{ float:left; width:50%; } p.balanceTxt{ font-size: 16px; padding: 5px; } } } .content-line.accuralBox { position: relative; }