CSS Grid ve Flexbox: Modern Layout Teknikleri

CSS Grid ve Flexbox, modern web tasarımının temel taşlarıdır. Bu iki teknolojiyi öğrenerek responsive ve profesyonel web siteleri oluşturabilirsiniz.

Flexbox - Tek Boyutlu Layout

.container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

CSS Grid - İki Boyutlu Layout

.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}