Css Ana Sayfaya Şöyle Birşey Yaptım.

Merhabalar,
Arkadaşlar anasayfaya şöyle bir içerik yaptım. Kod kalabalığı olduğunu düşünüyorum. Aynı yapıyı en basit şekilde nasıl yapabilirim ?
Ekranı küçülttükçe çok kötü oluyor @mediayı yazarken. Bi bakar mısınız ?
site:uykucihazim.com

2 adet widthi 100% olan div oluşturun içlerine 2şer tane widthi %50 olan divler oluşturup bunlara float:left ekleyin. daha sonra @media kullanın f12 ye basarsanız ve chrome'u bu şekilde küçültürseniz sağ üstte width değerleri yazar. Hangi değerde sıkıntı oluyorsa ona göre o @media şeklinde o genişlikte ilk oluşturduğunuz 2 divin içerisindeki divlerin widthini 100% yapın. Mobil uyumlu şekle sokmuş olacaksınız.