diff --git a/index.html b/index.html index f2da7d6..f6810d7 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,9 @@
- +
diff --git a/sass/style.scss b/sass/style.scss index bb373e1..ca45dd5 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -71,9 +71,17 @@ section { header { border-bottom: 1px solid #5D6E81; margin-bottom: 4em; + height: 5rem; + + .wrap { + height: 100%; + } + .border-container { + width: 100%; + height: 100%; display: flex; - align-items: center; + align-items: stretch; justify-content: space-between; gap: 2rem; border-width: 0 1px; @@ -83,15 +91,25 @@ section { } .logo { - height: 2rem; + display: flex; + align-items: center; + flex-shrink: 0; + height: 100%; + + img { + height: 2rem; + } } nav { - display: flex; + display: none; a { - display: block; - padding: 2em 1.5em; + display: flex; + align-items: center; + flex-shrink: 0; + padding: 0 1.5em; + overflow: hidden; font-weight: bold; text-decoration: none; text-align: center; @@ -105,7 +123,15 @@ section { } .menu-button { - display: none; + display: flex; + align-items: center; + flex-shrink: 0; + padding: 0 1.5em; + cursor: pointer; + + img { + height: 2rem; + } } } diff --git a/static/menu.svg b/static/menu.svg new file mode 100644 index 0000000..7f32812 --- /dev/null +++ b/static/menu.svg @@ -0,0 +1 @@ + \ No newline at end of file