fixed navbar sorunu
header'a fixed özelliğni veriyorum fakat altındaki section alanı bundan etkileniyor neden ? ?
<header>
<a href="#">logo</a>
</header>
<section>
sddsd
</section>
header{
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 25px 40px ;
display: flex;
justify-content: space-between;
align-items: center;
}
neden şümkü sadece headere stillendirme vermişsin oysaki
link ve logo özelliğinede css değerleri vermen gerekiyor
stillendirme aşağıdaki örnekteki olabilir denersen sonucu görürsün
.header { //header
overflow: hidden;
background-color: #f1f1f1;
padding: 20px 10px;
}
.header a { //link
float: left;
color: black;
text-align: center;
padding: 12px;
text-decoration: none;
font-size: 18px;
line-height: 25px;
border-radius: 4px;
}
.header a.logo { // logo
font-size: 25px;
font-weight: bold;
}