i cant seem to find the problem, im only using notepad. i need to recreate this. this is my code. HHEHE Hgdf Hgdfs
i cant seem to find the problem, im only using notepad. i need to recreate this.
this is my code.
<html>
<head>
<meta name="viewport" content="width=device, initial-scale= 1.0">
<style type= "text/css">
*{
margin: 0;
padding: 0;
font-family: 'Roboto' sans-serif;
}
body{
background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)), url('https://www.fatima.edu.ph/wp-content/uploads/2018/11/OLFU-Quezon-City-Campus-Drone-1024x576.png');
background-position: center;
background-size: cover;
}
.container{
width: 100%
height: 100vh;
padding-left: 8%;
padding-right: 8%;
box-sizing: border-box;
}
.navbar{
height: 12%;
display: center;
align-items: center;
}
.logo{
width: 30px;
cursor: pointer;
}
nav{
flex: 1;
text-align: right;
}
</style>
</head>
<body>
<div class="container">
<div class="navbar">
<img src="" class="logo"
width="90"
height="80"
<nav>
<ul>
<li><a href="">HHEHE</a></li>
<li><a href="">Hgdf</a></li>
<li><a href="">Hgdfs</a></li>
</ul>
</div>
</div>
</body>
</html>
Step by step
Solved in 2 steps with 1 images