Board Thread:Support Requests - Getting Technical/@comment-5558012-20140716193556

I have a list of films that are displayed horizontally and due to changing screen sizes creates useless white space. This normally wouldn't be a problem since text could just flow to the next line. It becomes a problem when I want to separate each item in the list with a character, say a pipe bar in this case. If the text just flows and I would get something like the following

Film Name 1 | Film Name 2 | Film Name 3 | Film Name 4 | Film Name 5

or

Film Name 1 | Film Name 2 | Film Name 3 | Film Name 4 | Film Name 5

or

Film Name 1 | Film Name 2 | Film Name 3 | Film Name 4 | Film Name 5

which I want to prevent from occurring on a small screen while allowing

Film Name 1 | Film Name 2 | Film Name 3 | Film Name 4 | Film Name 5

on a larger screen. Adding breaks in the first examples wouldn't allow all the names to be on one line for a larger screen. Here's an example. I'm currently using a break and it looks bad on a larger screen. What would be the best way to go about this? Could if statements be applied to screen size? 