From ca953a991eaa80c3c58ccbe1a9df6195d1e2cd91 Mon Sep 17 00:00:00 2001
From: Fabien Freling <public@ffreling.com>
Date: Thu, 13 Jun 2019 13:56:15 +0200
Subject: [PATCH] Use list for grid

---
 css/style.css | 12 +++++++++---
 projects.md   | 14 +++++++-------
 2 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/css/style.css b/css/style.css
index bb59790..dcbf672 100644
--- a/css/style.css
+++ b/css/style.css
@@ -55,18 +55,24 @@ blockquote {
 	padding: 10px 10px 10px 10px;
 }
 
-.projects {
+ul.projects {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
     grid-auto-rows: minmax(100px, auto);
     gap: 10px;
     grid-gap: var(gap); /* fallback */
+
+    list-style: none;
+    padding-left: 0;
+    font-size: 14pt;
 }
 
-.project {
+ul.projects a {
+    display: block;
     border: 1pt solid #ddd;
-    font-size: 14pt;
+    height: 100%;
     text-align: center;
+    text-transform: uppercase;
 }
 
 #footer {
diff --git a/projects.md b/projects.md
index 7a7ea13..8a6bdf5 100644
--- a/projects.md
+++ b/projects.md
@@ -2,10 +2,10 @@
 title: Projects
 ---
 
-<div class="projects">
-<div class="project"><a href="projects/oboy/index.html">OBoy</a></div>
-<div class="project"><a href="projects/trailr/index.html">Trailr</a></div>
-<div class="project"><a href="projects/whereiscar/index.html">Where is my car?</a></div>
-<div class="project"><a href="projects/maestro/index.html">Maestro</a></div>
-<div class="project"><a href="projects/dawnchaos/index.html">Dawn of Chaos</a></div>
-</div>
+<ul class="projects">
+<li><a href="projects/oboy/index.html">OBoy</a></li>
+<li><a href="projects/trailr/index.html">Trailr</a></li>
+<li><a href="projects/whereiscar/index.html">Where is my car?</a></li>
+<li><a href="projects/maestro/index.html">Maestro</a></li>
+<li><a href="projects/dawnchaos/index.html">Dawn of Chaos</a></li>
+</ul>