diff --git a/style.css b/style.css index 2d5b745..4d0a0d5 100644 --- a/style.css +++ b/style.css @@ -27,6 +27,11 @@ body { padding: 1em; container-type: inline-size; } +@media (max-width: 520px) { + .grid-sizer, .grid-item { + width: 100%; + } +} @media (prefers-color-scheme: light) { .grid-sizer, .grid-item { border: 1px dashed #ccc; diff --git a/style.css.map b/style.css.map index fd17b73..823e0a5 100644 --- a/style.css.map +++ b/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["style.sass"],"names":[],"mappings":"AAAA;AAwBA;AACA;EACE;;;AAEF;EACE,WAPe;;;AASjB;AACA;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;;;AAEF;EAVF;IAWI;IACA;;;AAEF;EACE;;AAEA;EAHF;IAII,YA7Ca;IA8Cb,cAzCe;;;AA2CjB;EAPF;IAQI;IACA,cA7Ce;;;;AA+CrB;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA,aA1De;EA2Df;EACA;EACA,OAtEqB;;AAwErB;EARF;IASI,kBAvEe;;;;AAyEnB;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;AAEA;EAJF;IAKI,YAnFmB;;;AAqFrB;EAPF;IAQI,kBArFc;;;;AAuFlB;EACE;EACA;;;AAEF;EACE;IACE;;;AAEJ;EACE;IACE;;;AAEJ;AACA;EACE,kBApHkB;EAqHlB,aAjGe;EAkGf;EACA;;AAEA;EACE,YAzHiB;;AA2HnB;EACE,YA5HiB;EA6HjB,OA5Hc;;;AA8HlB;EACE;EACA;EACA,OAhIc;;;AAkIhB;EACE;EACA;EACA;EACA,OA/He;;;AAiIjB;EACE;EACA;EACA,OAtIiB;;;AAwInB;EACE,kBA1Ic;;;AA4IhB;EACE,kBA3Ic;;;AA6IhB;EACE;EACA,OApJa;EAqJb;EACA;EACA;EACA;;;AAEF;EACE,OA1JmB;;;AA4JrB;EACE,OA5JkB;;;AA8JpB;EACE,aAjJe;EAkJf;EACA;;;AAGA;EADF;IAEI,kBA9Je;;;AAgKjB;EAJF;IAKI,kBA/Jc;;;;AAiKlB;EACE;;;AAEF;EACE;EACA;EACA;EACA","file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["style.sass"],"names":[],"mappings":"AAAA;AAwBA;AACA;EACE;;;AAEF;EACE,WAPe;;;AASjB;AACA;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;;;AAEF;EAVF;IAWI;;;AAEF;EAbF;IAcI;IACA;;;AAEF;EACE;;AAEA;EAHF;IAII,YAhDa;IAiDb,cA5Ce;;;AA8CjB;EAPF;IAQI;IACA,cAhDe;;;;AAkDrB;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA,aA7De;EA8Df;EACA;EACA,OAzEqB;;AA2ErB;EARF;IASI,kBA1Ee;;;;AA4EnB;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;AAEA;EAJF;IAKI,YAtFmB;;;AAwFrB;EAPF;IAQI,kBAxFc;;;;AA0FlB;EACE;EACA;;;AAEF;EACE;IACE;;;AAEJ;EACE;IACE;;;AAEJ;AACA;EACE,kBAvHkB;EAwHlB,aApGe;EAqGf;EACA;;AAEA;EACE,YA5HiB;;AA8HnB;EACE,YA/HiB;EAgIjB,OA/Hc;;;AAiIlB;EACE;EACA;EACA,OAnIc;;;AAqIhB;EACE;EACA;EACA;EACA,OAlIe;;;AAoIjB;EACE;EACA;EACA,OAzIiB;;;AA2InB;EACE,kBA7Ic;;;AA+IhB;EACE,kBA9Ic;;;AAgJhB;EACE;EACA,OAvJa;EAwJb;EACA;EACA;EACA;;;AAEF;EACE,OA7JmB;;;AA+JrB;EACE,OA/JkB;;;AAiKpB;EACE,aApJe;EAqJf;EACA;;;AAGA;EADF;IAEI,kBAjKe;;;AAmKjB;EAJF;IAKI,kBAlKc;;;;AAoKlB;EACE;;;AAEF;EACE;EACA;EACA;EACA","file":"style.css"} \ No newline at end of file diff --git a/style.sass b/style.sass index 34f3a8e..032d549 100644 --- a/style.sass +++ b/style.sass @@ -46,6 +46,9 @@ body padding: 1em container-type: inline-size + @media (max-width: 520px) + width: 100% + @media (prefers-color-scheme: light) border: 1px dashed $border-color-light