As a user I dont want 4Minitz to waste my precious screen realestate so that I can see more valuable info at once.

• If screen is "desktop" width and we have >7 participants make participants list 2 column
• On smartphones stick with one column!
• Check manually on major browsers and different windows witdth: IE11, Edge, current FF, current Safari, current Chrome

No E2E needed!

Hint:
https://css-tricks.com/guide-responsive-friendly-css-columns/
http://stackoverflow.com/questions/36747969/why-does-column-count-break-bootstrap