so i signed up and started the course and even before we get to any content related to grid, there is a great deal of setup and it’s not entirely clear how to arrange my workflow so i can follow along.
the scrimba course is nice because it’s shorter (yay) but it’s all done right in your browser via an interactive kind of codepen like environment where you flip back and forth between watching the video and playing with the code in real time.
i think it’s much easier to follow and learn from, at least is was to me at the time.
duplicating the html and css in PG gave me even greater insights, and taught me how to use the PG interface at the same time.
it’s much easier to get started and if you feel like it wasn’t enough, there’s always the wes bos site where you can zero in on the specific topic you want to know more about.
my 2 cents.
UPDATE: skipping ahead to wes bos’ lesson 10, on placing grid items was super helpful and introduced me to the firefox inspector tool which will show you how your items are placed on the grid.
the best part is it differentiates between the explicit grid (that you define) and the implicit grid (that css will define for you, if need be).
this is helpful because some of the placement rules will behave differently when placing things on the grid depending on if it’s going off what you told it, vs making it up on the fly.
the line at the end of the LAST row is not necessarily -1… it depends on explicit vs implicit.
the line -1 is the end of the explicit grid and items automatically placed after that are not addressable via the negative number scheme… same goes for columns if you have auto-fill working for you the -1 grid line might not be where you expect to be.
going to make a feature request for PG to show us this somehow, the way firefox does.