Adding … when text is too long

Having the text over two lines will not always align with the design since that will leave us with no space for description. To overcome this we can use overflow feature of CSS

/* Avoids text being rendered outside the container */
overflow: hidden;
/* Avoid text going to multiple lines */
white-space: nowrap;
/* Sets the ... once the text overflows */
text-overflow: ellipsis;