not sure how to use it ?

[phil123456]

Hi,

I tried implementing "flexibility" but with no luck

the problem is that I create my child elements dynamicaly, so I am not sure if I have to call flexibility once on the main div and then create the child elements or call flexibility everytime I create the child elements ?

the child elements, apparently are stacked instead of beeing grouped by 3

parent

<div data-style="display: flex;" id="mediaManager_medias" style="display: flex;flex-wrap: wrap;-js-display: flex;"></div>

children

<div style="width:300px;height:300px;margin:3px;min-width: calc(33.3333% - 10px);">

can someone enlight me on this ?
thanks

[samwilliscreative]

I'd assume you'd need to run flexibility after the elements are built

[phil123456]

got it to work but the divs are like
[]
[] []
[]
[] []
[]
[] []
instead of 3 in a row
[] [] []
[] [] []
[] [] []

[samwilliscreative]

Have you used any :nth-child or :nth-of-type selectors that may be causing it?

[phil123456]

no, the only style I used are mentioned above

[samwilliscreative]

What happens if you remove the margins from the child elements?