Comments on Faux Grid Tracks

3 Reader Comments

Back to the Article
  1. An interesting set of ways to handle this situation.
    When I started to read I decided to try it myself, without reading further more, and I ended up with something different, using ::before and ::after but for each grid item, and by adding classes for specific situation, if you want to have a look, it can be another option as well.
    https://codepen.io/mcbenny/pen/dZmQyZ
    With a bit of Sass, we can even achieve a fully automatic grid: https://codepen.io/mcbenny/pen/EbEOvX without any specific class, just maintaining the number of rows and columns as Saaa variables!

    Copy & paste the code below to embed this comment.
  2. I haven’t used the CSS grid yet, or seen it much IRL, and my first reaction was that flexbox is still better for aligning items, especially vertically. But I see it’s possible to use both of them https://css-tricks.com/css-grid-replace-flexbox/

    Copy & paste the code below to embed this comment.
  3. <span>s is inside the whole code element instead of just <span>

    Copy & paste the code below to embed this comment.