Responsive aslında hiçte zor değildir. Responsive i anlayamamanın tek sebebi css i yeterince bilmiyor olmaktır.

Responsive mantığı şudur. Css kodlarını ekran çözünürlüğüne göre belirlersin. Bunuda @media etiketi ile yaparsın. Bu durumda küçük ekrandan giren biri farklı görürken büyük ekrandan giren biri farklı görür.

Önemli nokta şudur. Div yerleşimi yaparken, yani html kısmını yazarken eş zamanlı olarak hem mobili hem büyük ekranı nasıl duracağını kafanda canlandırmalısın.

Örneğin yan yana 300px genişliğinde iki tablo yerleştirdin. Şöyle mantık yürütürsün bunu yazarken. Büyük ekranda bunlar float:left ve width:300px ile yan yana çıkarırım. Sonra geçerim responsive css kısmında float:none ve width:100% yaparım tamamdır. alt alta full genişlikte iki tablom olur. Tabi bu bir örnek yazılan css kodlarına göre değişir. Ayrıca responsive de en çok kullanılan şeyler px yerine % genişlik değeri vermektir.

Sürekli çalışma yapar css'i yi öğrenirsen yavaş yavaş responsive mantığını kavrarsın bu konuyla ilgili videolar mevcut bende yakında çekeceğim basit birşeyler.