Bir header oluşturdum, bu headerda logo ve arama bölümü var. Sol tarafta logo sağ tarafta ise arama kısmı var. Bu headera birde soldan ve sağdan %20 padding değeri verdim. Yani %20 boşluk var soldan ve sonra logo aynı şekilde sağda %20 boşluk var sonrası search kısmı. Çözünürlük düştükçe bu paddingin yavaş yavaş azalmasını istiyorum nasıl yapabilirim? Hatta mobilde paddingi tamamen 0 yapmak istiyorum.
Kodlarım aşağıda:
header {
height: 65px;
background-color: #373737;
padding: 0 22.5% 0 22.5%;
}
#headLeft { float: left; }
#headRight {
float: right;
border-left: 2px solid #FFF;
margin-top: 15.5px;
}
#search {
border: none;
background: transparent;
margin-left: 7.5px;
width: 200px;
position: relative;
bottom: 5.5px;
font-family: serif;
color: #FFF;
font-size: 17px;
} 
