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 · 5.1 Proje 1: Şık Profil Kartı ve Rozet Tasarımı

Bir kutunun içindeki tek bir öğeyi hem yatayda hem dikeyde ortalamanın en kısa yolu hangisidir?

text-align: center display: flex; justify-content: center; align-items: center margin: center position: center

Soru 2

Soru 2/5 · 5.2 Proje 2: Esnek Flexbox Navigasyon Menüsü

Menüdeki bağlantıların alt çizgisini kaldıran kural hangisidir?

border: none text-decoration: none underline: off font-style: normal

Soru 3

Soru 3/5 · 5.3 Proje 3: Responsive Kart Izgarası (Grid Layout)

Medya sorgusu yazmadan, sığdığı kadar sütun oluşturan grid tanımı hangisidir?

grid-template-columns: 1fr 1fr 1fr grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) grid-template-columns: auto grid-auto-flow: column

Soru 4

Soru 4/5 · 5.4 Proje 4: Açık/Karanlık Tema Toggle ve CSS Değişkenleri

Kullanıcının işletim sisteminde karanlık mod açık olduğunda geçerli olan medya sorgusu hangisidir?

@media (theme: dark) @media (prefers-color-scheme: dark) @media (dark-mode: on) @media (color: black)

Soru 5

Soru 5/5 · 5.5 Proje 5: Animasyonlu Fiyatlandırma Tablosu

Ortadaki "önerilen" fiyat kartını diğerlerinden büyük göstermek için hangi dönüşüm kullanılabilir?

rotate(5deg) scale(1.05) translate(0) skew(10deg)

CSS3 ile Modern Web 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.