Reverse order of columns in CSS Grid Layout

Question

I was hoping to use CSS Grid to reverse the apparent order of two side-by-side divs, where one of the divs grows arbitrarily (I don\'t want to use floats).

I\'ve c

Answer 1

I found out: I need to apply grid-auto-flow: dense; on the container:

#container {
  grid-template-columns: 240px 1fr;
  display: grid;
  grid-auto-flow: dense;
}

According to MDN, this algorithm attempts to fill in holes earlier in the grid.