Görev 1: Responsive Challenge

Proje Tanımı

Son yıllarda website ziyaretçilerinin büyük çoğunluğunu mobil kullanıcılar oluşturuyor. Mobil kullanıcılar için her sayfanın sıfırdan tasarlanmasıysa sürdürülebilir bir iş yükü değil. Bu yüzden responsive tasarımlar yapıyoruz.

Senden, daha önce hazırlanmış eski bir sitenin mobil uyumlu hale getirilmesi istendi. İstenen mobil tasarım görseli paylaşıldı.

HTML tarafı semantik olarak düzgün olduğu için sadece index.css'e media query ve bazı kurallar eklemen yeterli olacak.

• İpucu: align-items'ın alabileceği değerlere bakabilirsin.
• İpucu: rem ve em nedir, araştırabilirsin.

Not: Geniş ekranlarda veya yüksek çözünürlüklerde mobil tasarım görünmeyebilir. Mobil görünümü test etmek için tarayıcı penceresini daraltabilir ya da geliştirici araçlarını (F12) kullanabilirsin.

Önemli Notlar

• Proje dizinindeki user.json dosyasını bulun ve user_id alanını NextGen proje ekranında görünen kendi user_id değeriniz ile güncelleyin.
• Geliştirme sırasında testleri izlemek için npm test komutunu kullanın.
• Testleri çalıştırıp skoru NextGen'e kaydetmek için npm run sendresults komutunu kullanın.