Hi guys i need help, i got this before but now i can’t seem to get it right anymore.
i am trying to get the caption and icon to be to the left, and the number metrics to the right. but i cant seem to find a way to do it while maintaining the alignment. this is a shot of what i could achieve, and below the image is the code i used in the CSS.
[class*=“Main__GridContainer”]{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
[class*=“Card__Component”]{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:14px!important;padding:12px 20px!important;min-height:56px!important}
[class*=“Card__CardCounterAndCaption”],[class*=“Card__ContentLink”],[class*=“Card__ContentDiv”]{display:contents!important}
[class*=“Icon__IconContainer”]{justify-self:start!important;align-self:center!important}
[class*=“Icon__IconContainer”] svg{display:block!important}
[class*=“Card__CardCaption”]{grid-column:2!important;margin:0!important;align-self:center!important;display:flex!important;align-items:center!important}
[class*=“Card__CardCaption”]>{margin:0!important}
[class=“Counter__CounterComponent”]{grid-column:3!important;margin:0!important;justify-self:end!important;align-self:center!important;text-align:right!important;white-space:nowrap!important;display:flex!important;align-items:center!important}
@media (max-width:640px){[class*=“Card__Component”]{padding:10px 16px!important;min-height:50px!important}}
