From 02771d622e4dd3eb4e2e77126ec2a3007f6aff13 Mon Sep 17 00:00:00 2001 From: Tyson Gern Date: Tue, 21 Nov 2023 05:41:50 -0700 Subject: [PATCH] Use a more-standard list in the nav --- css/menu.css | 22 ++++++++++++--- index.html | 75 +++++++++++++++++++++++++++++++--------------------- 2 files changed, 63 insertions(+), 34 deletions(-) diff --git a/css/menu.css b/css/menu.css index fb6b0bb..2d28e30 100644 --- a/css/menu.css +++ b/css/menu.css @@ -1,4 +1,20 @@ -nav > * { +nav { + padding: 2rem 0; +} + +nav ul { + display: flex; + flex-direction: column; + + list-style: none; + padding: 0; +} + +nav li { + margin: 0; +} + +nav li a { height: 2.5rem; padding: 0 2rem; display: flex; @@ -10,10 +26,8 @@ nav h2 { font-weight: 700; text-transform: uppercase; font-size: .9rem; - align-items: flex-end; - height: fit-content; - margin-top: 2rem; margin-bottom: .25rem; + padding: 0 2rem; } nav a, nav a:visited { diff --git a/index.html b/index.html index c0b7aee..7fd59da 100644 --- a/index.html +++ b/index.html @@ -49,38 +49,53 @@

CSS Starter