Я пытаюсь создать навигационную панель для своего сайта и хочу иметь несколько заголовков со ссылками, пожалуйста, помогите. Я не могу понять, испортился ли мой css, или и то, и другое, и мой html.
index. html
<!DOCTYPE html>
<html>
<head>
<title>WalletPro</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<header>
<div id="navbar">
<nav>
<div id="main-head">
<h1> <a href="index.html"> Home </a></h1>
</div>
<div id="login"><a href="login.html"> login</a>
</div>
</nav>
</div>
</header>
</body>
</html>
style. css
*{
margin: 0px;
padding: 0px;
}
#navbar{
display: inline;
}
#navbar{
display: grid;
grid-template-columns: repeat(2, 1fr);
background-color: #f011f0;
}
#test {
color: pink;
text-emphasis: none;
}