Her ikisi de web sayfalarının düzenlenmesi için kullanılabilir. Flexbox daha çok tek yönlü düzenlemeler için kullanılır ve genişliği veya yüksekliği değişen elemanları düzenlemek için idealdir. Grid ise iki boyutlu düzenlemeler için daha uygun ve matris gibi yapılar oluşturmak için kullanılır. Tercih senin! Her ikisi de ihtiyacın olan yapıyı oluşturabilecek güçtedir.

yaparsın ancak bunun diğer cihazlarla uyumlu olması için tek tek (@media only screen and.. vs.) girmen lazım. Bana sorarsan gerçekten grid ne iş yapıyor flex nerede işimize yarıyor o kısımlara odaklanman senin daha yararına olur. Her şeyi sıfırdan yazmanı da tavsiye etmem. Yani boostrap, tailwindcss gibi css ui larını kullanmayı öğrenmekte çok şey katar. onları bir an önce atlayıp scss kısmına geçersin