diff options
| author | Marcin Chrzanowski <m@m-chrzan.xyz> | 2021-09-12 19:57:37 +0200 |
|---|---|---|
| committer | Marcin Chrzanowski <m@m-chrzan.xyz> | 2021-09-12 19:57:37 +0200 |
| commit | 04768d5433f3fdade45b18dacf1159177f2f8fa8 (patch) | |
| tree | 1c524ecb446706693d1d04001959b7e77be25ca7 /src/style.css | |
| parent | 12f960eebb19c25ea358fa5f60f1f3520cb1b85a (diff) | |
Modify list columns with screen width
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 15 |
1 files changed, 13 insertions, 2 deletions
diff --git a/src/style.css b/src/style.css index f6ec3cc..9cde21f 100644 --- a/src/style.css +++ b/src/style.css @@ -15,9 +15,20 @@ a:hover { color: #55f; } -ul { +#songs { list-style-type: ''; - column-count: 3; +} + +@media (min-width: 55em) { + #songs { + column-count: 2 ; + } +} + +@media (min-width: 100em) { + #songs { + column-count: 3 ; + } } li { |