diff --git a/sass/style.scss b/sass/style.scss index eebd1d9..47682a5 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -15,6 +15,30 @@ body { line-height: 1.8; } +nav ul { + display: flex; + flex-direction: column; + list-style-type: none; + padding: 0; + + li a { + display: block; + padding: .7em; + border: 1px solid #000; + margin: .5em; + text-decoration: none; + color: #000; + font-size: 1.2em; + text-align: center; + + &:hover { + color: #fff; + background-color: #C61730; + border: 1px solid #C61730; + } + } +} + header { display: flex; align-items: center; @@ -32,24 +56,7 @@ header { } nav ul { - display: flex; - list-style-type: none; - padding: 0; - - li a { - padding: .7em; - border: 1px solid #000; - margin: 0 .5em; - text-decoration: none; - color: #000; - font-size: 1.2em; - - &:hover { - color: #fff; - background-color: #C61730; - border: 1px solid #C61730; - } - } + flex-direction: row; } }