3 tane divin yan yana css de kullanılması.

Merhabalar,
Arkadaşlar kafama takılan bir konuyu size sormak istiyorum.
Tasarım yaparken zorlandığım birşeyden bahsetmek istiyorum. http://www.yigitoglu.com.tr/ burada anasayfanın tam ortasında 4-5 tane resim koymuş. ve bu resimlerin üzerine gelip incele diyince width ayarları olsun height ayarları olsun kapatıp açınca 5i birden değişiyor. Ben bunu beceremiyorum. Yapısını anlayamıyorum.
classlarını incele dediğimde .our-features .features-list .item .icon i birden fazla class var. Umarım anlamışsınızdır ne demek istediğimi. Ben böyle birşey yapacak olsam. Farklı farklı 5-6 tane div açarım. Hepsine ayrı ayrı css yazarım. Yardımcı olur musunuz ?

<div class="item item-based-right">
<div class="content col-lg-5 col-md-12">
<h5>Müşteri Hizmetleri</h5>
<p>Müşteri ihtiyaçlarını gözeten, duyarlılıkla karşılayan, geniş ürün yelpazesi ve sunduğu ar-ge hizmetleri ile katma değerli çözüm sunan hizmet anlayışımız, kimliğimizi belirleyen en önemli unsurlar arasında yer alıyor. Sağladığımız eksiksiz müşteri memnuniyeti ise, gayretlerimize her aşamada ilham veriyor.</p>
</div>
<div class="icon col-lg-2">
<i class="flaticon-woman93"></i>
</div>
<figure class="image col-lg-5 col-md-12">
<img src="http://www.yigitoglu.com.tr/public/f.../feature-3.jpg" alt="" />
</figure>
</div>

bu kısmı bul daha sonra

<div class="item item-based-right">
<div class="content col-lg-5 col-md-12">
<h5>Müşteri Hizmetleri</h5>
<p>Müşteri ihtiyaçlarını gözeten, duyarlılıkla karşılayan, geniş ürün yelpazesi ve sunduğu ar-ge hizmetleri ile katma değerli çözüm sunan hizmet anlayışımız, kimliğimizi belirleyen en önemli unsurlar arasında yer alıyor. Sağladığımız eksiksiz müşteri memnuniyeti ise, gayretlerimize her aşamada ilham veriyor.</p>
</div>
<div class="icon col-lg-2">
<i class="flaticon-woman93"></i>
</div>
<figure class="image col-lg-5 col-md-12" style="width:???; height: ???; olarak dilediğin ölçüyü yaz.">
<img src="http://www.yigitoglu.com.tr/public/f.../feature-3.jpg" alt="" />
</figure>
</div>

tüm ölçü vermek istediğin yerlerde bu şekilde yapılandır. Ana css dosyası üzerinden çektiği için tek kod bloğunda aynı css bloğunu çağırmışlar ve doğru olanı yapmışlar aslında. Manuel olarak düzenleme yapmak istersen bahsettiğim yöntemi kullan.

hemşerimmişsin yardımım dokunsun istedim

bu şekilde hepsine ayrı ayrı bahsettiğim yöntemi uygularsan hepsini ayrı ayrı ayarlayabilirsin.

Hemşerim cevabın için çok teşekkür ederim ama bu siteyi örnek teşkil etmesi açısından gösterdim. Yapıcak olsam ben kendim nasıl yapacağım onu anlayamıyorum. Hangi divler birbirinin içerisine girecek nasıl olacak yapısını anlayamıyorum..

mesela örnek olarak söylüyorum.

<div class="deneme">
<p>örnek deneme</p>
</div>

böyle bir divin olduğunu varsayalım.
div classı deneme olan tüm divler aşağıdaki css i okur.

.deneme {
width:100px;
}

bu mantık senin yukardaki sitenin aynısı

eğer ki hepsine ayrı ayrı yazacağım dersen

<div class="deneme1">
<p>örnek deneme</p>
</div>

.deneme1 {
width:100px;
}

şeklinde kullanman gerekir.
Ana sıfırlama cssi mantığında umarım anlatabildim.