/* 1. Tentukan dimensi gambar */
img {
width: 100%;
height: auto;
aspect-ratio: 16 / 9; /* Sesuaikan dengan rasio aspek gambar Anda */
}
/* 2. Gunakan font-display: swap untuk font kustom */
@font-face {
font-family: 'NamaFont';
src: url('path/to/font.woff2') format('woff2');
font-display: swap;
}
/* 3. Tentukan ruang untuk konten dinamis seperti iklan */
.ad-container {
min-height: 200px; /* Sesuaikan dengan ukuran minimum konten iklan */
}
/* 4. Gunakan transform untuk animasi */
.element {
animation: slideIn 1s ease-out;
}
@keyframes slideIn {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0);
}
}
