[Enter code here.navbar { display: flex; align-items: center; justify-content: space-between; background-color: teal; color: black; }li{ color: black;} .nav -link a{ color: black; } .logo{ font-size: 50px; } .menu{ display: flex; gap: 1em; font-size: 20px; } .menu li:hover{ background-color:pink; border-radius: 7px; transition: 1.5ease; } .menu li { padding:5px 14px ; } .services { position: relative; }
.dropdown { background-color: rgb(1, 139, 139); padding: 1em 0; position: absolute; /*WITH RESPECT TO PARENT*/ display: none; border-radius: 8px; } .dropdown li + li { margin-top: 10px; }
.dropdown li { padding: 0.5em 1em; width: 8em; text-align: center; } .dropdown li:hover { background-color: #4c9e9e; } .services:hover .dropdown { display: block; }
]