Row Vermeden Logoyu Tam Sola Yaslama Sorunu

yazilimyolcusu

Merhaba arkadaşlar. Aşağıdaki kodlara "row" verdiğimde tam oturuyor logo. Ama row vermezsem biraz içeriden başlıyor. "row" kullanmadan köşelere sıfır ayarlayamaz mıyız acaba? Çıktısı resimdeki gibi oluyor.
https://www.hizliresim.com/m2i2yai
index.php

<div class="container">
<div class="logo-sosyalmedya-ve-giris-kayit-alani-div">
<div class="logo">
<a href="index.php"><img src="images/logo/logo.jpg" /></a>
</div>
</div>
</div>

style.css

 html, body {
margin:0px;
padding:0px;
box-sizing:0px;
}

.container {
width:1140px;
height:auto;
background:green;
}

.logo-sosyalmedya-ve-giris-kayit-alani-div {
width:100%;
height:75px;
background:red;
}

.logo {
width:33.33%;
height:auto;
}

.logo img {
height:60px;
margin-left:0px;
}

nullcoder

merhaba row nerede ? ve row verdiğinizde logo tam oturuyorsa neden row kullanmıyorsunuz.
biraz daha açıklayıcı olursanız hocam 😀

yazilimyolcusu

Merhaqbalar. "row" kullanmayı unutmuşum, hemen "container" ın altında kullanacaktım.Bootstrap kullanmayı beceremedim bir türlü. Bootstrap yerine "flex" kullanmayı deniyorum şu an. Bu arada sorunu şu şekilde çözdüm.
index.php

<div class="container p0">
<div class="logo-sosyalmedya-ve-giris-kayit-alani-div">
<div class="logo">
<a href="index.php"><img src="images/logo/logo.jpg" /></a>
</div>
</div>

style.css

 .container {
width:1140px;
height:auto;
}

.p0{padding:0px;}

.logo-sosyalmedya-ve-giris-kayit-alani-div {
display:flex;
width:100%;
height:75px;
}

.logo {
display:flex;
align-items:center;
width:33%;
}

.logo img {
height:60px;
}