Line formatting issue

I have these cards that displays tags at the bottom which are mapped out. However, I am having trouble displaying them on a single line and if it goes beyond the width of the card, I would like there to be a "...". How would I achieve this? I have pictures of what it looks like if I use flex, truncate, and line-clamp-1. I have also attatched an image with my code.
Screenshot_2023-07-28_at_5.31.28_PM.png
Screenshot_2023-07-28_at_5.31.07_PM.png
Screenshot_2023-07-28_at_5.30.52_PM.png
code.png
Was this page helpful?