Skip to content

Instantly share code, notes, and snippets.

@dustinleer

dustinleer/columns.css

Created March 25, 2022 13:34
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save dustinleer/7d1672346bac25bb14b139ff6fe719f6 to your computer and use it in GitHub Desktop.
Save dustinleer/7d1672346bac25bb14b139ff6fe719f6 to your computer and use it in GitHub Desktop.
Download ZIP
Columns css equality
Raw
columns.css
ul.columns {
column-count: 2;
column-gap: 20px;
}
ul.columns li {
font-size: 16px;
line-height: 2;
/* This will keep the li from breaking on to new lines */
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment