[Vanderson]

I think it can be simple if you try to only solve a few things with grid.

When I first learned grid, I could only figure out one or two things. Then I got ok with a few things, then I went crazy and made a magic framework.

Now, I only use primarily these:

  display:grid;
  grid-gap: [value];
  grid-template-columns: 1fr max-content, etc...;

That is 90% of my use case for grid. For entire page layouts, I would use grid-area so I can place stuff where I want and move it around on mobile. Grid rows are implicit with the above code, so I so I have a mini-framework with utility classes for a few different column scenarios. (3 columns, column with compressed/flexible combinations for things like forms, etc...)