Reply To: CSS tables ..nested tables

[grimski]

It would be to center the content vertically. Horizontally I’d probably just use text-align: center;.

The only thing I found on mobile/tablet was it effected the play button. It centred everything. Ideally the play button would have a fixed width so the ‘track name’ wasn’t too far away from it.

EDIT:

http://codepen.io/moy/pen/obWNeW

I think I solved it by setting display: flex on the ‘cells’ and then align-self: center; – sound about right? Shame the buttons aren’t centred but I imagine it’s a case of applying the same to each button or is there another command?

It works better on mobile/tablet now too. I believe justify-content: center; was breaking it. Is there a command to stop .track__actions shrinking below the width of it’s content or do you need to know the width?

Thanks again for all your help, great stuff!