Skip to content

Instantly share code, notes, and snippets.

@Lelectrolux
Created December 15, 2020 00:06
Show Gist options
  • Save Lelectrolux/922189e81a7fd5f47bb361391613720e to your computer and use it in GitHub Desktop.
Save Lelectrolux/922189e81a7fd5f47bb361391613720e to your computer and use it in GitHub Desktop.
.wrapper {
--gap: 32px;
display: grid;
grid-column-gap: var(--gap);
grid-template-columns: 1fr min(65ch, calc(100% - 2 * var(--gap))) 1fr;
}
.wrapper > * {
grid-column: 2;
}
.full-bleed {
width: 100%;
grid-column: 1 / -1;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment