Carousel Elements "scrunching" together when toggling CSS display property

[nwchin]

Hi,

I don't know if this is a very common issue but my carousel elements will scrunch together and overlap when I toggle the display property from "none" to "flex"/"block". Once I manually resize the viewport, the elements go back to their normal positions.

My carousel elements are not manually hardcoded in my HTML. I am dynamically generating my carousel elements with Polymer DOM-Repeat and the JS document.createElement() method.