Add a navigation menu with a sub-menu

HTML-CSS
1

Tell us what’s happening:
hello guys, please i need all the help i can get on this.
I’ve been trying to create a navigation menu with a sub menu attached to one of the links in the navigation menu but i can’t get a hold of it. am not getting what i want. Please help.

Your code so far


<!DOCTYPE html>
 <html>
   <head>
    <title>Sub Menu</title>
<style>	
	* {
		text-decoration: none;
		}
	.menu-bar {
		margin: 0;
		padding: 0;
		overflow: hidden;
		background-color: rgb(0,100,0);
		text-align: center;
		color: white;
		box-sizing: border-box;
		  }
	.menu-bar li {
		display: inline-block;
		padding: 20px;
		     }
	.menu-bar a {
		color: white;
		overflow: hidden;
		    }
	.menu-bar ul li:hover {
		background: #2bab0d;
		border-radius: 3px;
			}
	ul li ul {
		display:none;
		}

	.menu-bar ul li ul: hover a {
		display: block;
	}


</style>
</head>
  <body>
     <div class="menu-bar">
	<ul>
	   <li><a href="#" target="_blank">Home</a></li>
	   <li><a href="#" target="_blank">Contacts</a></li>
	   <li><a href="#" target="_blank">Department</a>
	<ul>
	 <li><a href="#" target="_blank">More</a></li>
	   <li><a href="#" target="_blank">Sea</a></li>
	   <li><a href="#" target="_blank">Art</a></li>
	 <li><a href="#" target="_blank">Sciences</a>
	</ul>
		</li>
	    <li><a href="#" target="_blank">Faculty-dues</a></li>
	    <li><a href="#" target="_blank">News</a></li> 
	      </ul>
	   </div> 

</body>
</html>
![Screenshot%20(68)|690x388](upload://kgxsHTzmRgu3B3LWB52pXuG5x1U.png) ![Screenshot%20(67)|690x388](upload://sxqTyGOiOniaEIG6ZbM8VIDSYUZ.png) ![Screenshot%20(67)|690x388](upload://sxqTyGOiOniaEIG6ZbM8VIDSYUZ.png) ![Screenshot%20(68)|690x388](upload://kgxsHTzmRgu3B3LWB52pXuG5x1U.png)

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.100 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/add-images-to-your-website/

2

The screenshot has to happen outside the code block. After the closing three back ticks

https://htmldog.com/techniques/dropdowns/
End of the “Bare necessities” section is what your missing. You’re close.