chore: badge grid

2024-03-04 09:29:00 -08:00 · 2024-03-04 09:29:00 -08:00 · 8725c41b6d
commit 8725c41b6d
parent c2f0160e13
12 changed files with 49 additions and 1 deletions
--- a/src/assets/img/badges/eleventy.png
+++ b/src/assets/img/badges/eleventy.png
--- a/src/assets/img/badges/github.png
+++ b/src/assets/img/badges/github.png
--- a/src/assets/img/badges/lastfm.png
+++ b/src/assets/img/badges/lastfm.png
--- a/src/assets/img/badges/macos.png
+++ b/src/assets/img/badges/macos.png
--- a/src/assets/img/badges/mastodon.png
+++ b/src/assets/img/badges/mastodon.png
--- a/src/assets/img/badges/notarobot.png
+++ b/src/assets/img/badges/notarobot.png
--- a/src/assets/img/badges/validhtml5.png
+++ b/src/assets/img/badges/validhtml5.png
--- a/src/assets/img/badges/validrss.png
+++ b/src/assets/img/badges/validrss.png
--- a/src/assets/styles/components/badge-grid.css
+++ b/src/assets/styles/components/badge-grid.css
@ -0,0 +1,20 @@
+:root {
+  --grid: repeat(3,minmax(0,1fr));
+}
+
+.badge__grid {
+  display: grid;
+  gap: var(--sizing-md);
+  grid-template-columns: var(--grid);
+}
+
+.badge__grid > * {
+  display: flex;
+  justify-content: center;
+}
+
+@media screen and (min-width: 768px) {
+  :root {
+    --grid: repeat(4,minmax(0,1fr));
+  }
+}