📌 Tailwind CSS Temelleri ve İleri Kullanımı

1️⃣ Tailwind Hakkında Genel Bilgiler

• Utility-first CSS: Küçük hazır sınıflarla tasarımı doğrudan HTML veya JSX’te yapabilirsiniz.
• Mobil öncelikli (mobile-first) yaklaşım önerilir.
• sm, md, lg gibi sınıflar, belirtilen ekran boyutundan büyük ekranlar için uygulanır.

2️⃣ Temel Stil Uygulamaları

Metin ve Vurgu

<p class="text-sm text-blue-500 hover:text-blue-600 hover:underline">
  Örnek metin
</p>

• text-sm: Metin boyutu
• text-blue-500: Renk
• hover:text-blue-600: Fare üstüne renk değişimi
• hover:underline: Altını çizer

Genişlik ve Hizalama

<div class="overflow-auto">
  <main class="mx-auto max-w-3xl">
    <Outlet />
  </main>
</div>

• overflow-auto: İçerik taşarsa kaydırma ekler
• mx-auto: Yatay ortalama
• max-w-3xl: Maksimum genişlik

Kenarlık ve Dolgu