menü.png-Flexbox Navigasyon Menü Yapımı-cahitsoyman-blogspot.comBu makalede, medya sorguları ile birlikte Flexbox kullanarak CSS, CSS ve JavaScript ile responsive çalışan bir navbarın nasıl oluşturulacağını anlatmaya çalışacağım.

Navbar oluştururken HTMLve Css ile birlikte hamburger menumüz için JavaScript kodları kullanacağız.

Menümüz masaüstü cihazlarda tam ekran olarak görünecek, tablet cihazlarda menümüz hamburger konumuna dönüşerek gizlenecek ve Oturum Aç ve Üye Ol butonlarımız açık kalacaktır. Hamburger menüye tıklandığında menü elamanlarımız aktif hale dönüşerek görüntülenecektir. Tekrar tıklandığında ise, yine menü elamanları kapanarak hamburger konumuna dönüşecektir. 
Mobil cihazlarda ki  görünüm de ise, menü elamanlarımız ve butonlarımız gizlenerek sadece hamburger konumuna dönüşecektir. 
Kaynak Kodları: İNDİR

Makalemizin bundan sonraki anlatımını aşağıdaki videodan veya youtube kanalımdan takip edebilirsiniz.