The CSS Code
body{
margin: 0px;
padding: 0px;
box-sizing: border-box;
}
.container{
display: flex;
justify-content: space-around;
margin: 10px;
}
a{
text-decoration: none;
color: black;
}
a:hover{
color: blue;
transition: all 1s;
}
.fred{
background-image: url('image.jpg');
width: 100%;
height: 100vh;
background-size: cover;
}
The HTML code
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Documenttitle>
<link rel="stylesheet" href="style.css">
head>
<body>
<div class="container">
<a href="#">Homea>
<a href="contac.html">Contacta>
<a href="about.html">Abouta>
<a href="signUp.html">Signupa>
div>
<div class="fred">
div>
body>
html>
Leave a comment