Instagram web clone link
Bu ödevde Bootstrap kullanarak bozuk instagram sayfası düzeltilmiştir.
- Navbarı yukarı sabitlendi sayfayı aşağı kaydırdığınızda hala yukarıda durmasını sağlandı. İçerik ile birleşmemesi için body'e
padding
verildi. - Navbarın
height
'ı 54 px yapıldı ve arkaplan rengi beyaz olarak ayarlandı. - Navbardaki elementler doğru yerlere yerleştirildi.
- Arama kısmı ortaya alındı.
::placeholder
kısmınında arkaplanına arama simgesi eklendi. Ve resmin tekrar etmemesi sağlandı.- Hikayeler kısmı düzeltildi isimler resimlerin altına gelecek şekilde değişiklik yapıldı.
- İçerik kısmında üç nokta sağa alındı.
- Beğenme, yorum yapma, paylaşma kısmında
border
sıfırlandı. - Card header ve card footerlar beyaz renk yapıldı.
- Yorum paylaş metnini sağa alındı.
- Sağ panel sabitlendi sayfayı aşağı kaydırdığınızda sabit durmasını sağlandı.
- Tümünü gör ve takip et yazılarını sağa alındı.
- Bütün sayfanın arkaplan rengini Instagram'dan alınıp uygulandı.