Uji pemahaman Anda terhadap selektor CSS, model kotak (box model), Flexbox, CSS Grid, dan tata letak responsif modern.
CSS Certificate
Contoh Kode CSS Certificate:
<!DOCTYPE html>
<html>
<head>
<style>
.kartu-ujian {
background: #ffffff;
border: 2px solid #04AA6D;
padding: 30px;
border-radius: 12px;
text-align: center;
font-family: sans-serif;
max-width: 400px;
margin: auto;
}
.btn-ujian {
background: #04AA6D;
color: white;
padding: 12px 24px;
border: none;
border-radius: 6px;
font-weight: bold;
cursor: pointer;
margin-top: 15px;
}
</style>
</head>
<body>
<div class="kartu-ujian">
<h2>Uji Sertifikasi CSS</h2>
<p>Tuntaskan 25 soal evaluasi praktik styling dan tata letak modern.</p>
<button class="btn-ujian" onclick="alert('Ujian Sertifikasi Siap Diikuti!')">Mulai Ujian »</button>
</div>
</body>
</html>
Uji dan amati bagaimana deklarasi CSS CSS Certificate mengubah tampilan elemen di atas.