CSS { In Real Life } | Breaking Out of a Central Wrapper

PHOTO EMBED

Sat Jul 23 2022 17:40:25 GMT+0000 (UTC)

Saved by @vishalbhan #css

.wrapper {
  display: grid;
  grid-template-columns:
    [full-start] 1fr [wrapper-start]
    minmax(0, 70rem) [wrapper-end] 1fr [full-end];

  /* Optional gap */
  column-gap: var(--pad, 1rem);
}

.wrapper > * {
  grid-column: wrapper;
}

.wrapper > .full-width {
  grid-column: full;
}
content_copyCOPY

https://css-irl.info/breaking-out-of-a-central-wrapper/?utm_campaign