Styling Table collection

Problem: the table description attribute aligns to the left on mobile and desktop. I would like to use custom css to align the data in that attribute to the right. It is a number column in my use case.

Any suggestions on how to do that with the glide custom css?

div[class*="card-collection-table-row___StyledDiv6"] {
  display: flex;
  justify-content: flex-end;
}

You might not want it to be all the way to the end though.

“StyledDiv4” = first column
“StyledDiv5” = second column
“StyledDiv6” = last column

1 Like