Hocam sanırım çözdünüz. Biraz geç kaldım ama şöyle anlatayım ben size.
"grid-template-columns" propertysinin aldığı valuelar yan yana kaç tane column oluşturacağını gösterir. "30 70" ilk satırda "100" ikinci satırda demenin yolu
grid-template-columns: 30% 70%;
demektir.
1. div 30% alanı kapsayacak, 2. div 70% alanı, 3. div başa dönüp 30% alanı kapsayacak. Biz 3. dive grid-column tanımlayacağız. Diyeceğiz ki sen 2 birim yer kapla. Yani grid-column: span 2; Böyle dediğimizde 30% + 70% lik iki birimi birden kapatacak.
Edit: Generatorler işini görür ancak declarationları bilmenizde öğrenmenizde fayda var. Bir yardıma ihtiyacınız olursa mesaj atmanız yeterli.
Edit2: Mümkün olduğunca "fr" birimini kullanının. Fractionlar gridin kendi birimidir. Usulüne göre yazmanızda fayda var.
Aradığım kod 3. dive grid column vermekmiş yani hocam
) çok teşekkürler. Bunu öğrendiğim iyi oldu.
Hocam peki, 3. dive ayrı boyut vermek için nasıl yaparız?
Bu anlattığın şekilde 3. div tamam %100 oluyor ama mesela %70 vermek istedim diyelim o zaman ne yapacağız?
Hatta şöyle diyelim:
[30%][70%]
[60%][boşluk]
[100%]
böyle bir şey çıkartmak istiyorum diyelim, bunu nasıl yaparız?