Merhaba, CSS flexbox ile Grid'in farkı nedir? Birlikte kullanabilir miyiz? Ben mantığını şöyle anladım: Mesela bizim navbarım slayderimiz ve footerimiz olsun. Bunları sayfayadaki yerlerini düzenlerken Grid ama bunların içindeki elemamları düzenlerken flexboxu kullanıyoruz doğru mudur?
Grid ile Flex'in farkı nedir?
- Konuyu başlatan 533388
- Başlangıç Tarihi
- Mesaj 4
- Görüntüleme 2.464
- Katılım
- 30 Temmuz 2019
- Mesajlar
- 1.971
- Çözümler
- 27
Hocam flexle ya satır ya da sütun olarak ayarlayabiliyosun yani tek boyutlu gibi. Gridde 2 boyutlu olarak layout ayarlayabiliyorsun galiba. Ben de şu gridi anlamadım bi. Ben sayfa düzeninde komple flexbox kullanıyorum 
Bir hocamız çıksında aydınlatsın bizi.
Bir hocamız çıksında aydınlatsın bizi.
- Katılım
- 30 Temmuz 2019
- Mesajlar
- 1.971
- Çözümler
- 27
CSS ile width : 100% vermeyi deneyin.
- Katılım
- 18 Ağustos 2014
- Mesajlar
- 5.132
- Makaleler
- 5
- Çözümler
- 65
Daha fazla
- Cinsiyet
- Erkek
- Meslek
- Web Tasarımcısı
Grid daha yeni, daha güncel bir çözüm ve flex'e kıyasla çok daha fazla fonksiyonu var. Flex ise işin daha basit kısmı. İkisini de kullanman gereken noktalar olacaktır, daha önce forumda başka bir konu altında bununla ilgili açıklama yaptım onu direkt olarak yapıştırıyorum buraya:
Ne zaman flexbox kullanmak gerekir?
Ne zaman flexbox kullanmak gerekir?
- Yaptığın tasarım basitse ve tek yönlüyse, elemanlar sadece yan yana ortalı bir şekilde dursun yeterli diyorsan flexbox kullan, çünkü flexbox'u ayarlaması Grid'e kıyasla daha kolay boşa vakit kaybetmezsin bu kadar basit bir işlem için.
- Sadece elemanları ortalamak istediğinde, CSS'te x ekseninde ortalama yapmak çoğu zaman kolaydır ama y eksenini ortalamak o kadar kolay bir işlem değil. Flexbox ile çok rahat bir şekilde hem y, hem de x ekseninde kolayca ortalama yapabilirsin. Yine yukarıdaki örnekte olduğu gibi bu kadar basit bir işlem için grid kullanmaya hiç gerek yok.
- Yaptığın tasarım çift yönlü bir tasarımsa (layout), elemanları hem yan yana, hem de alt alta uygun bir şema halinde tutmak gibi bir isteğin varsa Grid kullanmalısın, Grid'le bu tarz layoutlar oluşturmak daha iyi olacaktır.
- Yaptığın tasarımda öğeler arasında eşit boşluklar bırakmak istediğinde, bu nitelik flexbox ile de yapılabilir margin kullanılarak ancak flexbox ile margin kullanmanın bazı yan etkileri var. O yan etkileri engellemek adına Grid'de gap özelliği var, bu gap özelliği ile margin'e ihtiyaç duymadan sütunlar ve satırlar arasında istediğimiz kadar boşluklar bırakabiliyoruz.
