/*

https://fatbuddhadesigns.co.uk/journal/full-bleed-layouts/
https://www.joshwcomeau.com/css/full-bleed/
https://blog.logrocket.com/full-bleed-layout-css-grid/

*/




.wrapper {
  display: grid;
  grid-template-columns: 1fr min(60ch, calc(100% - 64px)) 1fr;
  grid-column-gap: 32px;
}


.full-bleed {
  grid-column: 1 / -1;
}


.full-bleed {
  width: 100%;
  grid-column: 1 / 4;
}