Fungsi clamp(min, preferred, max) memungkinkan pembuatan ukuran teks atau margin yang responsif mulus tanpa media query!
CSS Functions
Contoh Kode CSS Functions:
<!DOCTYPE html>
<html>
<head>
<style>
.judul-adaptif {
font-size: clamp(1.2rem, 3vw, 2.5rem);
color: #0d2e5c;
font-family: sans-serif;
font-weight: 800;
}
</style>
</head>
<body>
<h1 class="judul-adaptif">Judul Responsif Otomatis Menggunakan clamp()</h1>
</body>
</html>Uji dan amati bagaimana deklarasi CSS CSS Functions mengubah tampilan elemen di atas.