From 5c80cdebac810c9b0f543e6db31ed5bb04377966 Mon Sep 17 00:00:00 2001 From: Cassidy James Blaede Date: Thu, 9 Apr 2026 10:31:58 -0600 Subject: [PATCH] style: wrap for a more compact layout --- index.html | 19 +++++++++++++------ 1 file changed, 13 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index 79fa6f5..cfecaed 100644 --- a/index.html +++ b/index.html @@ -65,6 +65,8 @@ } header nav { + display: flex; + justify-content: space-between; margin-inline: auto; max-width: var(--max-width); padding-inline: 1rem; @@ -94,7 +96,11 @@ } ul#projects { + display: flex; + flex-wrap: wrap; + gap: 1em; list-style: none; + margin-block-start: 3em; padding: 0; } @@ -104,7 +110,6 @@ border-radius: 1em; color: inherit; display: block; - margin-block: 2em; padding: 1em 1.5em; text-decoration: none; } @@ -117,7 +122,8 @@ --project-color: var(--roost-muddy); } - #projects a:hover { + #projects a:hover, + #projects a:focus { background-color: color-mix(var(--project-color) 10%, transparent); } @@ -136,6 +142,7 @@
@@ -151,14 +158,14 @@
  • -

    Project name

    -

    Brief project description

    +

    Different project name

    +

    Brief but slightly longer project description

  • -

    Project name

    -

    Brief project description

    +

    Another project name

    +

    Briefer project description

  • -- 2.51.2