Satuan, Hover & Responsive

Satuan Ukuran

• px — piksel (tetap).
• % — persen dari induk.
• em / rem — kelipatan font (rem = font root, paling konsisten).
• vw / vh — persen lebar / tinggi layar.

Hover & Transition

.tombol {
  background: #2563eb;
  transition: transform .25s;
}
.tombol:hover {
  transform: translateY(-3px);
}

Responsive (Media Query)

Mengubah style berdasarkan lebar layar agar bagus di HP maupun desktop.

.kotak { font-size: 24px; }

@media (max-width: 600px) {
  .kotak { font-size: 16px; }
}