CSS Boyutlama Sorunu

Layout'u böyle olan bir sayfa hazırlamamız gerekiyor tablet masaüstü ve mobil için ama boyutlamayla ilgili bir sorunum var. css ve html dosyasını txt olarak atıyorum , hatamı gösterebilirseniz sevinirim, çok teşekkürler şimdiden.

https://dosya.co/64tvrs66t4ua/webtasarm.zip.html

Bootstrap ile yapacaksanız div taglarlarınıza col-xs-*, col-md-*, col-lg-* classlarını eklemeniz yeterli olacaktır. Örn header menü için ; <div class="header"><div class="col-xs-12 col-md-2 col-lg-2">1.1Brand </div> <div class="col-xs-6 col-md-8 col-lg-8">1.2 Global Nov</div> <div class="col-xs-6 col-md-2 col-lg-2">1.3 Tools </div> </div>

Gibi bir yapı kullanabilirsiniz, direkt css ile yapmak istiyorsanız @media (min-width: ***px) { //kodlar// } kullanarak piksellere göre divleri boyutlandırabilir, konumlandırabilirsiniz.