example.css for the new html file

.gitignore

@@ -3,5 +3,6 @@ gallery/**
 !gallery/**/
 !gallery/**/.gitkeep
 !gallery/index.html
+!gallery/example.css
 gallery-items*.csv
 __pycache__

gallery/example.css

@@ -0,0 +1,44 @@
+* {
+  box-sizing: border-box;
+}
+
+body {
+  background-color: #aaa;
+}
+
+header, main, footer {
+  margin: 1rem auto;
+  padding: 1rem;
+  max-width: 80rem;
+  border: 0.5rem groove #ccc;
+  background-color: #eee;
+}
+
+header {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: center;
+  gap: 1rem;
+}
+
+nav ul {
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: center;
+  gap: 1rem;
+}
+
+nav ul li {
+  list-style: none;
+}
+
+#title {
+  font-size: 150%;
+  font-weight: bold;
+}
+
+main h2 {
+  margin: 0;
+}