Skip to content

Instantly share code, notes, and snippets.

@ihorduchenko

ihorduchenko/equal-grid-columns.css

Last active May 17, 2022 19:45
Show Gist options
  • Save ihorduchenko/94438f2f59059be2799ba1ba5d453a18 to your computer and use it in GitHub Desktop.
Save ihorduchenko/94438f2f59059be2799ba1ba5d453a18 to your computer and use it in GitHub Desktop.
Download ZIP
Equal width grid columns
Raw
equal-grid-columns.css
.some-wrapper {
--column-number: 3;
display: grid;
gap: 24px 32px; /* vertical / horizontal*/
grid-template-columns: repeat(var(--column-number), minmax(0, 1fr));
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment