Arama Sonuçları - Sorgulanan Kelime: *

Ekran küçüldüğünde sıkıntı yaratmaması için taşıyıcıya flex-wrap: wrap; vermelisin.Diğer sorunun nasıl çözüleceği aklımda oluştu ama tam emin değilim ve şuan telefondayım, eğer bir aksilik olmazsa yarın bilgisayardan deneyip yine jsfiddle ile paylaşırım.İyi geceler dilerim.

Hocam buyurun yapıyı biraz değiştirmem gerekti, marginleri, paddingleri, renkleri vs. kendi zevkinize göre ayarlayabilirsiniz.(Bende de kod atarken hata veriyor bu yüzden jsfiddle üzerinden atıyorum. Moderatörler görüyorsa bir el atarlar umarım.) https://jsfiddle.net/x0v41Lto/3/

Flexbox yapısını araştırırsan aklındaki tasarımı çok daha rahat koda dökebilirsin.

İstediğinizi gayet iyi anladım, ama html'i görmeden yorum yapmak boşa sıkmak gibi olur.HTML'i atarsanız yardımcı olabilirim.

Height değişmez ki barların height değeri sabit verilir.Ama değişmesini istiyorsan altmenüyü üstmenü içine alıp üstmenüye position: relative; verip bottom: -100px verebilirsin.Kapsayıcısı relative olan absolute'lar relative'e göre pozisyonlanır.

.altmenu { position: absolute; top: -100px; } top değerini eksi üst menünün yüksekliği şeklinde yapmalısın.

Ben sanatın estetiğini kastettiğinizi düşünmüştüm, güzel tanımlama için teşekkürler.

Katılmıyorum, websitesi sanat değildir anlaşılır olmalıdır.Kullanım kolaylığı, estetikten daha ön planda olmalıdır.Oysa sanat estetik işidir.

Çok teşekkür ederimgönderiyi güncellememişim kusura bakmayın işi menü yapısını değiştirerek çözmüştüm ama yüksek ihitmalle sizin verdiğiniz örnek de işe yarayacaktır.

Dediğiniz mantıklı geldi ve denedim fakat maalesef görseldeki gibi işe yaramadı. Float: left; özelliğini kaldırınca sorun çözüldü fakat bu sefer de başka bir sorunum var görseldeki gibi menü divi sayfanın biraz solundan başlıyor, width:100%; yapsam dahi düzelmedi.

.uldiv uli a da denedim fakat maalesef işe yaramadı. Tam olarak anlayabilmiş değilim bu ilk projelerimden birisi css ile nasıl class oluşturacağım?

<Ul>'deki <li>'leri sayfaya ortalamak istiyorum fakat birçok kod denedim çalışmadı. En son bu gruptaki bir kodu denedim fakat o da <ul>'deki <li>'leri ortaladı ama <li>'deki <a>'lar ortada olmadığından 2. görseldeki gibi bir sonuç çıktı. Yardımlarınızı bekliyorum. import React from "react"...