Achieve same result, but with `display grid` instead of `flex`?

[WilyWeasel]

Hi,
I’m trying something out with flexible columns, where each column will distribute the available space proportionally to auto-fill the window.

However, I don’t like the inner margins inside the ul borders, so I want to achieve the same result but with display grid this time (grid-gap etc.).

Does anybody know how to do this ? [see HelloWorld.vue component]

[Paulie_D]

Not sure you can do that…what you have there isn’t a grid….it’s just one long wrapping row. Grids have defined columns and yours will not.

[WilyWeasel]

I think you may be right. The closest I get is this:

Do you know a way to omit the outer margins if I keep the first method with display flex ?

Thanks anyway

[Author]

Posts