İçeriğe geç
Bu sayfada · 3 başlık
← Ana sayfa

Öğren · Dene · Üret

Flexbox ile fiyatlandırma kartları

Üç paket kartını Flexbox ile yan yana diz, önerilen paketi vurgula ve fiyatları düzenle.

HTML + CSS · 30–40 dakika

Yapacağın işler

  1. .paketler kapsayıcısına display: flex ve gap: 16px kurallarını ekle.
  2. .kart sınıfına flex: 1, padding: 20px ve border-radius: 12px tanımla.
  3. .one-cikan sınıfına 2px solid #2563eb kenarlık (border) ver.
  4. Pro paketinin fiyatını (.one-cikan .fiyat) 299 TL olarak güncelle.
Takılırsan

Görevleri tek tek dene. Sonucu değiştirmeden önce başlangıç kodunu oku. Kontrol, görevlerdeki örnek değerleri esas alır.

Önizleme / çıktı

Taslağın bu tarayıcıda otomatik saklanır. HTML önizlemesi ağ erişimi olmayan ayrı bir alanda çalışır. Python motoru ilk kullanımda internetten yüklenir.

Önce temelini öğren

Bu içerik işine yaradı mı?

Görüşünü aşağıdan işaretleyebilir ve varsa notunu bırakabilirsin.