Responsive Tasarım Örneği
Responsive Tasarım Örneği Merhabalar. Bu yazımızda sizlere basit bir Responsive Tasarım Örneği hazırladık. Bu örnek sayesinde mantığını kavrayabileceğinizi düşünüyoruz. Örneği incelerken çalıştırmış olduğunuz tarayıcı ekranını büyültüp küçülterek sıralanmaları görebilirsiniz. Daha rahat bir şekilde anlayabilmeniz için renklendirme de yaptık. Dilerseniz yavaş yavaş kodlarımızı verelim. Yazının altında örneği indirmek için linke ulaşabilirsiniz. İlk olarak HTML kodlarımızı responsive olmadan verelim. <!DOCTYPE HTML> <!– Burası Site Dilinin Belirtildiği Kısımdır–> <html lang=”tr-TR”> <!– Burası Tarayıcıya Belirtilir, kullanıcı tarafından görüntülenmez–> <head> <!– Burada CSS Dosyamızı Çağırıyoruz–> <link rel=”stylesheet” type=”text/css” href=”css/style.css”> <!– Burası Karakter Türümüzün Belirtildiği Kısımdır–> <meta charset=”UTF-8″> <!– Burası Sitenin Başlık Kısmıdır–> <title...