Menu
Coddy logo textTech

Kapsayıcı

Coddy'nin Hareketli Bulutlar - HTML/CSS/JS Projesi kursunda ders 3 / 18.

Bu kurs boyunca, bazı yönleri kendi başınıza şekillendirme şansına da sahip olacaksınız; şimdi bulutların üzerinde yer alacağı gökyüzünü oluşturacağız, gökyüzü için sevdiğiniz bir renk seçtiğinizden emin olun!

challenge icon

Görev

Kolay

HTML dosyasında, body etiketi içinde id'si "container" olan bir div oluşturun.

Bu div tüm bulutların kapsayıcısı olacak - "The sky".

 

CSS dosyasında, bu kapsayıcıyı hedefleyin ve şunları ayarlayın:

  1. height değerini 100vh (vh = View height) olarak
  2. position değerini relative olarak
  3. istediğiniz bir arka plan rengi (unutmayın, bu gökyüzü!)
  4. overflow değerini hidden olarak

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>

Hareketli Bulutlar - HTML/CSS/JS Projesi bölümündeki tüm dersler