Cloud I

Lezione 4 di 18 del corso Nuvole in movimento - Progetto HTML/CSS/JS di Coddy.

Sfida

Facile

Nel file HTML, crea un div all'interno di #container con il nome della classe "cloud".

Nel file CSS, seleziona il nuovo div della nuvola e imposta:

width a 200px
height a 80px
un colore di sfondo a tua scelta (ricorda, è la nuvola!)
un raggio del bordo di 40px
position su absolute (perché vogliamo poter modificare liberamente la posizione della nuvola)

Inoltre, imposta margin su 100px o più, così potrai vedere completamente la nuvola nelle prossime lezioni (rimuoveremo questo margine più avanti).

Provalo tu

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Scrivi qui il codice HTML -->
        <script src="script.js"></script>
    </body>
</html>