CSS ile Mobil Uyumlu Responsive Web Sitesi Yapımı (Flexbox Tasarım)

Bu dersimizde 0'dan başlayarak mobil uyumlu bir site nasıl yapılır göreceksiniz. Bilgisayar, tablet ve ceptelefonu için nasıl yapıldığı anlatılmıştır.
Hem CSS site şablonunun nasıl yapılacağını,hemde yapılan web sitesinin nasıl mobil uyumlu hale getirileceğini anlatıldı.
Tasarım kodlanırken eski düzen ,position ve float kodları yerine yeni ve daha mobil dostu flexbox tasarım kodları kullanıldı. İyi Seyirler.

Responsive uyumlu olarak kodlanan web sitemizde, tarayıcıların sığdırma özelliğini devre dışı bırakmak ve mobil görünüm sorunu yaşamamak için aşağıdaki kodu ◀️head▶️ etiketleri arasına eklemeyi unutmayın arkadaşlar.

◀️meta name="viewport" content="width=device-width, initial-scale=1"▶️

👇👇Ayrıca Tasarıma geçmeden önce Flex yapısının nasıl kullanıldığı hakkında bilgi alabilceğiniz. Flexbox tasarım giriş dersini izleyebilirsiniz.👇👇
https://www.youtube.com/watch?v=e0uJdIwzcr0

 Derste kullanılan fotoları aşağıdan indirebilirsiniz.
https://drive.google.com/open?id=1TcjlA4G1DIjuZKf0kUYngmoWv5md1y1Z
👇👇Font Awesome Stil Dosyaları👇👇
https://drive.google.com/drive/folders/1pL8Roq_-XNNBsNARPmZ8W0j-VTUBk_r_?usp=sharing

Видео CSS ile Mobil Uyumlu Responsive Web Sitesi Yapımı (Flexbox Tasarım) канала bilisim nedir?