Selam! CSS Grid Layout'u başlık başlık ve örnekler vererek açıkladım. CSS Grid Layout linkine tiklayarak medium üzerinden yazıyı okuyabilirsiniz.
Yaptığım örnekleri anlık görebilmeniz ve üzerinde değişikllikler yapabilmeniz için codepen üzerinden de ayrıca paylaştım.
- grid-template-columns, grid-template-rows
- repeat()
- fr, %
- grid-column, grid-row, grid-area
- Naming Grid Areas
- min-content, max-content, minmax()
- auto-fill, auto-fit
- auto-fit
- Implicit & Explicit Grid
- Alignment
- Track Alignment
Tüm örneklere erişim için : codepen collection