m-chrzan.xyz
aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--src/index.html.erb2
-rw-r--r--src/style.css15
2 files changed, 14 insertions, 3 deletions
diff --git a/src/index.html.erb b/src/index.html.erb
index 5447ce6..3748018 100644
--- a/src/index.html.erb
+++ b/src/index.html.erb
@@ -1,6 +1,6 @@
Ĺšpiewnik polskiej muzyki tradycyjnej.
-<ul>
+<ul id='songs'>
<%- songs.keys.sort.each do |song_id| -%>
<li>
<a href='<%= path_to (song_html song_id) %>'><%= songs[song_id].title %></a>
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 {