# Dynamic width using the magic of flex-shrink

I wanna have this text longer because it is more important
This text must be also shown even though it is not as important
I wanna have this text longer because it is more important really really important .
This text must be also shown even though it is not as important
I wanna have this text longer because it is more important really really really really really important .
This text must be also shown even though it is not as important
Sometimes the text here is short
Let's show then the full text due to it has enough room now, it grows dynamically

### In the table below the most important datas would be the name and the skills so if you don't want to break the lines let's appy flex-shrink in those less relevant datas (id and jobbies)

George Washington
56
Virginia
898900980890E
Swing, Coding, Play guitar, Sing, TV, Blogging..
Javascript, Ruby and Python
John Adams
43
Massachusetts
898900980890E
Swing, Coding, Play guitar, Sing, TV, Blogging..
JS, Ruby, Python, HTML5, Node, React, Angular.
Thomas Jefferson
Unknown
Virginia
898900980890E
Swing, Coding, Play guitar, Sing, TV, Blogging..
Sketch and HTML.

1) Use display: flex in the container.

2) Use flex-shrink in those datas less relevant and set a min-width for them.

3) Use ellipsis to let the user know there is more content.