The Holy Grail Layout using CSS Grids(

over 4 years ago from Ire Aderinokun, Designer, Developer

  • Floyd WilliamsonFloyd Williamson, over 4 years ago (edited over 4 years ago )

    I have to take a closer look, but one advantage seems to be more control over the number of columns per row. I was making a periodic table in flexbox, and needed 18 columns per row. Flexbox does not really have a simple solution for this, and I needed to use a combination of margins and something like width: calc(5.5555555556% - 6px);.

    CSS grids solution? According to this article, perhaps something like: grid-template-columns: repeat(18, ?);

    0 points