Bu modülün derslerinden 5 soru. Cevaplarını işaretle ve sonucu gör. Yanlış yaptığın konular için hangi dersi tekrar etmen gerektiğini göstereceğiz. Sonucunun kaydedilmesi için giriş yap.

Soru 1

Soru 1/5 · 6.1 Proje 1: Landing Page Hero Alanı

Hero bölümünde başlığın ekran büyüdükçe büyümesi için hangisi uygundur?

text-4xl md:text-6xl text-big h1-responsive text-4xl max:text-6xl

Soru 2

Soru 2/5 · 6.2 Proje 2: Fiyatlandırma Tablosu

Öne çıkan fiyat kartını büyütmek için hangi sınıf kullanılabilir?

zoom-110 scale-105 grow-2 size-up

Soru 3

Soru 3/5 · 6.3 Proje 3: Sosyal Profil Kartı

Profil fotoğrafını kartın üstünden taşırmak için hangi teknik kullanılır?

p-0 Negatif margin (örn. -mt-12) overflow-hidden z-index: auto

Soru 4

Soru 4/5 · 6.4 Proje 4: Giriş (Login) Sayfası

Formu ekranın ortasına almak için kapsayıcıya hangisi verilir?

min-h-screen flex items-center justify-center center-screen absolute middle text-center h-full

Soru 5

Soru 5/5 · 6.5 Proje 5: Yönetim Paneli (Dashboard)

İstatistik kartlarını mobilde 1, büyük ekranda 4 sütun yapmak için hangisi kullanılır?

grid-cols-4 grid-cols-1 lg:grid-cols-4 lg:grid-cols-1 grid-cols-4 flex-4

Tailwind CSS ile Modern Arayüz Tasarımı

Codary

Sıfırdan yazılıma başlamak isteyenler için interaktif, tarayıcıda canlı kod çalıştırılabilir, pratik ve eğlenceli öğrenme platformu.

Alanlar

Web Temelleri
Frontend & Etkileşim
Programlama Dilleri
Backend & Veritabanı
Mobil Geliştirme
Tüm kurslar (17) →

Platform

Anasayfa
Tüm Diller
Öğrenme Yolları
Giriş Yap
Kayıt Ol
Profilim

Yasal

KVKK Aydınlatma Metni
Gizlilik Politikası
Çerez Politikası
Kullanım Koşulları

Made with for developers

Codary Danışman

Anında cevap · kurslar, site kullanımı ve kod hataları

Merhaba! Ben Codary danışmanıyım. Kurslar, dersler, site kullanımı ve sık görülen kod hataları hakkında sorunu yaz, hemen cevaplayayım.

Pratik bilgiler

Sorunu yaz

Çerezler

Sitemiz yalnızca çalışması için gerekli çerezleri (oturum, tema ve dil tercihi) kullanır; reklam veya takip çerezi kullanmaz. Başka bir dil seçersen çeviri Google tarafından yapılır. Ayrıntılar: Çerez Politikası ve KVKK Aydınlatma Metni.