Index: src/main/resources/templates/fragments/header.html =================================================================== --- src/main/resources/templates/fragments/header.html (revision 4ee640e57ec5b1e47f479aaa2dcb04c364e92a9b) +++ src/main/resources/templates/fragments/header.html (revision ade54f65864484b5367512795fc9cf55f3b49f99) @@ -22,5 +22,5 @@ body, html { - width: 100%; + height: 10%; background: #1c1d22; @@ -29,20 +29,19 @@ .menu { + width: 100%; display: flex; - justify-content: start; - align-items: start; - margin: 20px auto; + justify-content: space-between; /*height: 100vh;*/ - list-style: none; + } - .menu li { - width: 125px; + .menu ul li{ + width: 150px; height: 50px; transition: background-position-x 0.9s linear; text-align: center; - + list-style: none; } - .menu li a { + .menu ul li a { font-size: 22px; color: #777; @@ -50,15 +49,24 @@ transition: all 0.45s; } - + .menu-left{ + display: flex; + } + .menu-right{ + display: flex; + } -