Öncelikle Merhabalar,

        Mobil uyumlu Web sitesi yapmak istiyorsanız Responsive Design veya Adaptive Design yöntemlerinden birisini seçmeniz gerekiyor. Kısaca Responsive Design çözünürlük duyarlı, yani tarayıcı penceresi küçülünce elemanların ona göre dinamik bir biçimde kendini uyarladığı tasarımlardır. Adaptive Design ise siteye girişte cihazın tespit edilmesi ve ona göre önceden hazırlanmış bir tasarımın sunulmasıdır. Adaptive genellikle performans istenen yerlerde kullanılıyor, fakat her çözünürlüğe uygun ayrı tasarım yazmanız gerekir. Günümüzde kullandığımız Web sitelerinin büyük bir kısmı Responsive kullanır. Bende Responsive tavsiye ediyorum.

        Responsive bir site yapmak için öncelikle grid sistemini bilmeniz gerekiyor. Bunu öğrenin, daha sonra ya kendi grid sisteminizi yazmalısınız ya da hazır grid sistemlerini kullanmalısınız. Hazır grid sistemlerine örnek vermek gerekirse; girder.css, gridism.css vs.. örnek verilebilir veya Bootstrap gibi frameworklerde örnek verilebilir fakat burada dikkat edilmesi gereken nokta Bootstrap gibi yapılar sadece grid sistemi içermez, bir web sitesinin ihtiyaç duyabileceği çoğu yapıya sahiptirler. Bu nedenle sadece grid sistem için tutup komple Bootstrap 'ı proje dahil etmek hiç mantıklı değildir. Çoğu yerde görüyorum, böyle yapanları uyarayım dedim. Örneğin sadece grid için gridism.css öneririm.

        Kısaca grid sistemini öğrenin ve bir kaç framework 'ü iyice inceleyin daha sonra zaten kendiniz karar verebileceksiniz.

İyi çalışmalar!