responsiveness

Coddy'nin Güneş Tutulması Animasyonu | HTML/CSS Projesi kursunda ders 10 / 10.

Görev

Kolay

max-width 768px için bir media query yazın.
@media sorgusu içinde,
1. moon sınıfını hedefleyin.
2. Genişlik ve yüksekliği 160px olarak ayarlayın.

Emin değilseniz ipucuna bakın, artık ekranı ayarladığınızda ay buna göre büyüyecek/küçülecektir!

Kendin dene

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

Güneş Tutulması Animasyonu | HTML/CSS Projesi bölümündeki tüm dersler

1HTML

Ne yapacaksınız?Kod Kurulumu Ay Kapsayıcısı

2CSS

moon sınıfı pseudo-element

eclipse animasyonu

responsiveness Proje dersi