diff options
Diffstat (limited to 'public/css/modules/nav.css')
| -rw-r--r-- | public/css/modules/nav.css | 28 |
1 files changed, 25 insertions, 3 deletions
diff --git a/public/css/modules/nav.css b/public/css/modules/nav.css index cea8aa6..f2e2c45 100644 --- a/public/css/modules/nav.css +++ b/public/css/modules/nav.css @@ -7,12 +7,34 @@ flex-direction: column; } +.nav__nav-links { + display: grid; + grid-template-columns: repeat(var(--grid-column-count), var(--grid-column-width)); + column-gap: var(--grid-gutter-width); +} + .nav__nav-links li { - width: max-content; + margin: 0; } -.nav__nav-links li:not(:last-of-type) { - margin-block-end: var(--margin-block-sm); +.nav__nav-links li:nth-child(1) { + grid-column: 1 / 3; +} + +.nav__nav-links li:nth-child(2) { + grid-column: 3 / 5; +} + +.nav__nav-links li:nth-child(3) { + grid-column: 1 / 4; +} + +.nav__nav-links li:nth-child(4) { + grid-column: 1 / 3; +} + +.nav__nav-links li:nth-child(5) { + grid-column: 3 / 5; } .nav__logo { |