#menuDiv { width: 100%; display: block; } #menuDiv a { font-family: Ubuntu, Helvetica, sans-serif; font-size: 1em; height: 20%; } #menu { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; background-color: rgb(35, 35, 35); } #logo { width: 50%; height: auto; } #divFlex{ display: flex; flex-wrap: nowrap; width: 10%; min-width: 5em; padding: 0; text-align: center; align-items: center; } .menuItem { display: flex; flex-wrap: nowrap; justify-content: center; color: white; width: 10%; min-width: 5em; font-weight: bold; text-decoration: none; padding: 0.8em; border-bottom: 4px solid rgb(35, 35, 35); border-top: 4px solid rgb(35, 35, 35); font-size: 1.1em; text-align: center; align-items: baseline; } .menuItem:hover { border-bottom: 4px solid rgb(65, 154, 28); } #colorAdmin{ background-color: red; }