css

function openNav(mName, mID) { console.log('In Open Nav'); document.getElementById('myNav').style.height = '100%'; menuItemOrderButton = document.getElementById('overlay-menuitem-order'); menuItemOrderButton.onclick = addToOrder(mName, mID); } function closeNav() { document.getElementById('myNav').style.height = '0'; console.log("Closing nav!"); } function addToOrder(mName, mID){ console.log("IT WORKS!"); } .overlay { height: 0; width: 100%; position:…

I tried adding float: right and margin-right: 0 to .links but it didn't work. Here I have a div with class .links. How do I make it render on the right side. .navbar { padding: 5px; background: white; display: flex;…