Add a navigation menu with a sub-menu

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>
    <title>Sub Menu</title>
	* {
		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 {

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

     <div class="menu-bar">
	   <li><a href="#" target="_blank">Home</a></li>
	   <li><a href="#" target="_blank">Contacts</a></li>
	   <li><a href="#" target="_blank">Department</a>
	 <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>
	    <li><a href="#" target="_blank">Faculty-dues</a></li>
	    <li><a href="#" target="_blank">News</a></li> 

![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:

The screenshot has to happen outside the code block. After the closing three back ticks
End of the “Bare necessities” section is what your missing. You’re close.