CSS tasarımları nasıl daha iyi yapabilirim?

Biraz örnek tasarımlara bakıp birkaç renk değiştirdim. Nasıl olmuş?

@artik 72 yasindayim @utkusoftware @533388 @delikarga @mikroyumuşak

@ErrorCorrection böyle daha iyi color huntu kullanmayı unutma.

Kartın aşağısındaki boşluğu kaldırıp ismin üstüne de biraz daha margin verseniz daha hoş olur sanki. Bir de direkt contact yazmak yerine kartvizit için email mi telefon mu ne ona göre ikon koyarak göstermek daha hoş olurdu. Mesela telefon ikonu koydun yanına numara yazdın, linkedin ikonu koydun yanına hesap urlsini yazdın gibi gibi

delikarga dedi:

Kartın aşağısındaki boşluğu kaldırıp ismin üstüne de biraz daha margin verseniz daha hoş olur sanki. Bir de direkt contact yazmak yerine kartvizit için email mi telefon mu ne ona göre ikon koyarak göstermek daha hoş olurdu. Mesela telefon ikonu koydun yanına numara yazdın, linkedin ikonu koydun yanına hesap urlsini yazdın gibi gibi

Genişletmek için tıkla...

Hocam nasıl olmuş sizce?
@533388

@ErrorCorrection hocam yazılar biraz daha açık olursa on numara olur elinize saglik.

ErrorCorrection dedi:

Uzun zamandır derinlemesine CSS çalışmıyordum.
Bugün bir Card hazırlamak istedim ve biraz absürt bir sonuç çıktı.

Sürprizbozan: Absürt Sonuç

Eki Görüntüle 1867007

Nasıl daha iyi CSS tasarımları oluşturabilirim? Bu konuda verebileceğiniz ipuçları ya da tavsiyeleriniz var mı?

Genişletmek için tıkla...

Renkler birbirine uyumsuz ve padding margin abartmışsın biraz ama yine de iyi bayağıdır yazmıyosun sonuçta flexbox, Grid yapılarına çalışmanı tavsiye ederim.

harlex dedi:

Renkler birbirine uyumsuz ve padding margin abartmışsın biraz ama yine de iyi bayağıdır yazmıyosun sonuçta flexbox, Grid yapılarına çalışmanı tavsiye ederim.

Genişletmek için tıkla...

Daha çok JavaScript ile vakit geçirdiğim için booststrap ile hallediyordum aslında o yüzden kullanamadım. Grid yapısı aklımda ama biraz MDN'e bakınmam lazım

@ErrorCorrection hocam Flex izleyin Grid biraz daha karmaşık ve zor yapılar iin zaten spa yapınca componentler olduğu için daha rahat edersiniz Flex ile.

ErrorCorrection dedi:

Daha çok JavaScript ile vakit geçirdiğim için booststrap ile hallediyordum aslında o yüzden kullanamadım. Grid yapısı aklımda ama biraz Mdn'e bakınmam lazım

Genişletmek için tıkla...

Mdn hiç girme istersen JavaScript'de temel olarak bilgi edindiysen Bootstrap kullanmadan HTML CSS JavaScript ile projeler yapmanı tavsiye ederim projelerini geliştikten sonra da Bootstrap kullanabilirsin şu anda Bootstrap kullanmaya devam edersen CSS unutabilirsin o yüzden diyorum.

533388 dedi:

@ErrorCorrection hocam Flex izleyin Grid biraz daha karmaşık ve zor yapılar iin zaten spa yapınca componentler olduğu için daha rahat edersiniz Flex ile.

Genişletmek için tıkla...

Haklısın Flex kolay ama Grid de illaki kullanması gerekecek tabii Bootstrap kullanıcaksa Gride gerek yok Flexbox la devam edebilir.

harlex dedi:

Haklısın Flex kolay ama Grid de illaki kullanması gerekecek tabii Bootstrap kullanıcaksa gride gerek yok flexbox la devam edebilir.

Genişletmek için tıkla...

Hocam Grid daha zor ve karmaşık yapılarda kullanılır zaten spa uygulama yazınca iş componentler bölüneceği için Flex daha uygun olur.