Skip to content

Instantly share code, notes, and snippets.

@lindwurm
Created March 31, 2022 19:53
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 lindwurm/2f6936bc7384c0eb42977a398d4e841b to your computer and use it in GitHub Desktop.
Save lindwurm/2f6936bc7384c0eb42977a398d4e841b to your computer and use it in GitHub Desktop.
/* six-columns */
@media (min-width: 2561px) {
.columns-area > div {
width: 16.667%;
max-width: 16.667%;
}
}
/* five-columns */
@media (min-width: 1921px) and (max-width: 2560px) {
.columns-area > div {
width: 20%;
max-width: 20%;
}
}
/* four-columns */
@media (min-width: 1367px) and (max-width: 1920px) {
.columns-area > div {
width: 25%;
max-width: 25%;
}
}
/* three-columns */
@media (min-width: 900px) and (max-width: 1366px) {
.columns-area > div {
width: 33.333%;
max-width: 33.333%;
}
}
/* two-columns */
@media (min-width: 640px) and (max-width: 900px) {
.columns-area > div {
width: 50%;
max-width: 50%;
}
}
/* single-column */
@media {
.columns-area > div > .column,
.columns-area > div > .mastodon-column-container > .column {
width: 100%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment