Css ile responsive'ye çevirme

Merhaba arkadaşlar, Elimdeki siteyi responsiveye çevirmek istiyorum.
Head tagları arasına <meta name="viewport" content="width=device-width, initial-scale=1" /> Kodunu ekledim. Daha sonra css dosyasından genişlik ayarların % olarak değiştirdim ama sanırım olmadı.Bu konuda yardımcı olacak bir arkadaş varmı aceba

siteni yavaş yavaş responsive hale getir her widthte farklı kodlar yazman gerekebilir.

@ByMetiN; merhaba. Responsive tasarım hakkında bir örneğim var (test projesi). Media kodu kullanmanız gerekir. Linkten bakabilirsiniz. Projeyi test ederken de hem dikey hem yatay ekranda test etmelisiniz:

https://disk.yandex.com.tr/d/XpPkqB9U5IwP6Q

Hocam sadece o kod ile responsive olmaz.
Her cihaza uyumlu olması için, element genişliklerini % olarak belirtmelisiniz.
Her cihazda düzgün görünmesini istiyorsanız, mediscreen olayınıda kullanmalısınız.

Websiteni responsive yapabilmek bir kodla olabilecek bir şey değil. Responsive dediğin ne onu tam anlayamadım. Belki başka bir şeyden bahsediyorsundur. Gerçek responsiveyi söyleyeyim sana web tasarımın mobil ve web dahil bir çok internete erişebilen yerde oranın ekranına göre şeklinin değişmesi. En kaba haliyle böyle.
Belki de meta kodlarında şunu arıyorsun diye bırayorum kodu:

<meta name="MobileOptimized" content="510">

Hepsini tek tek mi çevirmem lazım hocam

google üzerinden incele yapıp mobil görünüme al ve üstten responsive menüsünü seç yavaş yavaş sayfanın widthini azaltarak bozulan yerleri düzelt.

öğeyi denetle deyip her etiketin en üst seviyesini bulup onlara yüzde değer vereceksin bunu yaparken border, padding, margin, gibi genişliği etkileyen değer varsa sağ ve sol taraf için onu yüde değerden çıkacaksın
mesela
padding:3px; // - sağ ve sol için 3+3=6px -
border-left:1px;
width:calc(100% - 7px) ; // toplam 7 pixel

tabi responsive demek kaydırma çubuğunun alttan gitmesi demek değildir bazen site içinde veya komple sayfada bu gerekebilir mesela hızlı geçiş yapılan bir resim galerisinde bu gereklidir ama ne yapmışlar kaydırma çubuğunu gizleyip mausla tutup sürükleyince devam edecek şekilde yapmışlar oda javascript gerektirir.