CSS Width & Height
Properties
width/heightmin-width/min-heightmax-width/max-height
Tips
max-width: 100%pada img agar responsifmin-height: 100vhuntuk full-page- Gunakan
clamp()untuk ukuran responsif:clamp(min, preferred, max)
width / heightmin-width / min-heightmax-width / max-heightmax-width: 100% pada img agar responsifmin-height: 100vh untuk full-pageclamp() untuk ukuran responsif: clamp(min, preferred, max)<div><strong>max-width: 80%</strong> — tidak lebih dari 80% parent</div>
<div><strong>width:50%, min-height:60px</strong></div>
<img src="https://picsum.photos/600/100" alt="Responsive image">
<p>^ img max-width: 100% — gambar responsif, tidak meluap</p>