Notebook displays in browsers differently

[irenatfh]

Hi all, Observable newbie here! I made my first D3 project in an Observable notebook, but realize that it looks pretty different in different browsers. I was coding in Firefox, so it shows up beautifully there. Here’s a screenshot for how it should look:

Conversely, it looks very sad in Safari and Chrome. I appreciate any ideas on how I might make my code more robust to display properly in different browsers. Thanks in advance!

[mcmcclur]

I think there are some known differences between Firefox and Chrome in how they treat Flex layouts. I forked your notebook to use a simpler display using block and inline-block and it seems to work. Check it out here:

COMM 277T BART Transit Frequencies

Just look at the style cell.

[irenatfh]

Aha! Thank you Mark, that worked a treat. And thanks also for the reference to the known differences, that repo is a great reference.