Clean up demos dir, remove useless demo, add fallbacks

Author: captainbrosset

css-masonry/README.md

@@ -4,9 +4,8 @@ This directory contains demos that showcase the use of CSS Masonry.
 
 ## Demos
 
-* [Edge Blog](https://microsoftedge.github.io/Demos/css-masonry/blog.html)
-* [Dashboard](https://microsoftedge.github.io/Demos/css-masonry/dashboard.html)
-* [Masonry is awesome](https://microsoftedge.github.io/Demos/css-masonry/masonry.html)
+* [Blog](https://microsoftedge.github.io/Demos/css-masonry/blog.html)
+* [Masonry is awesome](https://microsoftedge.github.io/Demos/css-masonry/masonry-is-awesome.html)
 * [New York City photos](https://microsoftedge.github.io/Demos/css-masonry/new-york.html)
 * [Plants](https://microsoftedge.github.io/Demos/css-masonry/plants.html)
 * [News site: The Daily Oddity](https://microsoftedge.github.io/Demos/css-masonry/the-daily-oddity.html)

css-masonry/album-cover.jpeg

@@ -52,14 +52,15 @@
       margin-inline: auto;
       padding-inline: var(--margin);
 
-      display: grid;
+      display: masonry;
       grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
       gap: 2rem;
     }
 
-    @supports (display: masonry) {
+    @supports not (display: masonry) {
       main {
-        display: masonry;
+        display: grid;
+        align-items: start;
       }
     }
 
@@ -105,7 +106,7 @@
     header h1 {
       margin-block-end: 1rem;
       padding-block-start: 4rem;
-      background: url(logo1024.png) no-repeat left top;
+      background: url(blog/logo1024.png) no-repeat left top;
       background-size: 3rem;
     }