Untitled

<!doctype html>
<html lang="en">
	<head>
		<title>devGift!</title>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<style>
            * {
	            box-sizing: border-box;
            }

		    nav ul {
			    list-style-type: none;
			    margin: 0;
			    padding: 0;
			    margin-bottom: 20px;
			    background-color: #333;
		    }

		    nav ul li {
			    float: left;
		    }

		    nav ul li a {
			    color: white;
			    display: block;
			    text-align: center;
			    padding: 16px;
			    text-decoration: none;
			    color: #ddd;
		    }

		    nav ul li a:hover {
			    background-color: #222;
		    }

		    header h1 {
			    text-align: center;
			    text-decoration: underline;
		    }

		    @media screen and (max-width: 400px) {
			    nav ul li {
				    float: none;
			    }
		    }
		</style>
	</head>
	<body>
		<nav>
			<ul>
				<li><a href="#">Home</a></li>
				<li><a href="#">Contact us</a></li>
				<li><a href="#">Lorem Ipsum</a></li>
			</ul>
		</nav>
		<header>
			<h1>A devGift! :)</h1>
		</header>
	</body>
</html>