Help with CSS Grid layout with undetermined rows

[mallen]

I need some help with CSS grid layout for IE and Edge. I have dynamic content so I need to have three columns and repeating content. Works in Firefox and Chrome. I cannot find any instructions to allow for dynamic content where you can’t specify the rows. In Edge and IE it just stacks them on top of one another.

.mygrid {
display: grid;
display: -ms-grid;  
grid-template-columns: repeat(3, 1fr);
-ms-grid-columns: repeat(3, 1fr);

[Author]

Posts