довольно плохо знаком с кодированием, это первый правильный сайт, который я пытаюсь кодировать. И я не могу избавиться от пробелов внизу? Я видел, что некоторые из divs внизу, где пробелы? Но они показывают, где это не пробел? Очень странно, я не могу решить проблему и не нашел в inte rnet ничего, что могло бы помочь мне решить эту проблему. Пожалуйста помоги. Буду очень признателен.
Вот мой HTML код:
<head>
<title></title>
<link rel="stylesheet" href="Portfolio03.css">
</head>
<body>
<div class="Bar">
<img src="Bar.png">
</div>
<div class="bakgrunn">
</div>
<div class="logoS">
<p>S</p>
</div>
<span class="logoO">
</span>
<div class="home">
<p>home</p>
</div>
<div class="work">
<p>work</p>
</div>
<div class="about">
<p>about</p>
</div>
<div class="hi">
<h1>Hi There!<h1>
</div>
<div class="Bilde">
<img src="Vector.svg">
</div>
<div class="workOverskrift">
<p>work</p>
</div>
<div class="appdesign">
<p>appdesign</p>
</div>
<div class="Hitesh">
<img src="Hitesh.png">
<div class="blurHitesh">
<img src="Blur Hitesh.png">
</div>
</div>
<div class="arrowHøyre">
<img src="Component 3.png">
</div>
<div class="arrowVenstre">
<img src="Component 4.svg">
</div>
<div class="aboutOverskrift">
<p>about</p>
</div>
<div class="aboutTekst">
<p>.</p>
</div>
</body>
А вот CSS:
`html,body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
overflow-x: hidden;
margin-bottom: 0px;
.Bar img {
position: absolute;
width: 1385px;
height: 100px;
z-index: 10;
}
.bakgrunn {
position: relative;
width: 1410px;
height: 3840px;
left: 0px;
top: 0px;
background: #F2F1FF;
z-index: -5
}
.logoS {
position: absolute;
width: 37px;
height: 100px;
left: 58px;
top: 17px;
font-family: Von;
font-style: normal;
font-weight: normal;
font-size: 64px;
line-height: 100px;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.04em;
color: #000000;
z-index: 11;
}
.logoO {
position: absolute;
width: 26px;
height: 26px;
left: 93px;
top: 22px;
border: 2.5px solid #000000;
box-sizing: border-box;
border-radius: 50%;
z-index: 11;
}
.home {
position: absolute;
width: 100px;
height: 69px;
left: 770px;
top: 12px;
font-family: Poppins;
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 36px;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.04em;
color: #000000;
z-index: 11;
}
.work {
position: absolute;
width: 100px;
height: 69px;
left: 993px;
top: 12px;
font-family: Poppins;
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 36px;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.04em;
color: #000000;
z-index: 11;
}
.about {
position: absolute;
width: 100px;
height: 69px;
left: 1190px;
top: 12px;
font-family: Poppins;
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 36px;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.04em;
color: #000000;
z-index: 11;
}
.hi {
position: relative;
width: 700px;
height: 244px;
left: 390px;
bottom: 3570px;
font-family: Poppins;
font-style: normal;
font-weight: 600;
font-size: 60px;
line-height: 150px;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.04em;
z-index: 1;
color: #373372;
z-index: 3;
}
.Bilde img {
position: relative;
width: 1410px;
bottom: 3660px;
z-index: 1;
}
.workOverskrift{
position: relative;
z-index: 4;
bottom: 7050px;
left: 540px;
font-family: Poppins;
font-style: normal;
font-weight: 600;
font-size: 100px;
line-height: 150px;
display: flex;
align-items: center;
letter-spacing: 0.04em;
color: #DC95FF;
}
.appdesign{
position: relative;
z-index: 4;
bottom: 7150px;
left: 600px;
font-family: Poppins;
font-style: normal;
font-weight: 600;
font-size: 25px;
line-height: 36px;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.04em;
color: #373372;
}
.Hitesh img {
position: relative;
bottom: 7120px;
width: 800px;
left: 275px;
z-index: 4;
}
.blurHitesh img {
bottom: 7775px;
width: 1000px;
left: 225px;
z-index: 3;
}
.arrowHøyre img {
position: relative;
z-index: 5;
bottom: 8300px;
left: 1180px;
}
.arrowVenstre img {
position: relative;
z-index: 5;
bottom: 8476px;
left: 92px;
}
.aboutOverskrift{
position: relative;
z-index: 4;
bottom: 8200px;
left: 509px;
font-family: Poppins;
font-style: normal;
font-weight: 600;
font-size: 100px;
line-height: 150px;
display: flex;
align-items: center;
letter-spacing: 0.04em;
color: #DC95FF;
}
.aboutTekst {
position: relative;
left: 316px;
bottom: 8300px;
z-index: 6;
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 72px;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.04em;
color: #000000;
}`