yüksekliği 100% üst tarafta ise menüm var ve ben menü div'in üstüne gelmesin diye top:70px kullanıyorum. Ancak böyle yapınca div tam olarak görüntülenmiyor yani en allta 70px'lik bir kayıp yaşıyorum. Padding-bottom:70px ile çözüyorum ancak bu seferde responsive de sorun yaşıyorum. Acaba bir çözüm biliyor musunuz?
Tam olarak nasıl anlatacağımı bilemiyorum ama sanırım görsel az da olsa bir şeyler anlatır.
//scss
.portfolio-content {
position: relative;
height:100vh;
margin-top: 70px;
.portfolio-item {
background: #fff;
padding: 10px;
@include golge;
margin: 15px 0;
img {
width: 100%;
height: 200px;
}
.portfolio-item-title {
text-align: center;
display: block;
padding: 10px 0 0;
@include font(Josefin,400,1.2em);
}
}
}
//body
body {
font: 100%;
overflow: hidden;
position: relative;
height:100vh;
margin:0;
padding:0;
}
Ek Olarak: