The forums ran from 2008-2020 and are now closed and viewable here as an archive.

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

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #267476

    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]

    Edit Vue Template


    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.


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

    Edit Vue Template

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

    Thanks anyway

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.