Bagaimana membuat: floating responsif

Belajar bagaimana untuk menggunakan CSS untuk membuat elemen floating responsif.

Responsif floating

Gunakan media query dan atur lebar layar khusus (dalam satuan paksi) untuk menentukan kapan elemen harus mengambang:

/* Pada layar yang lebar sama dengan atau kurang dari 768px */
@media (max-width: 768px) {
  .float-right-sm {
    float: right;
  }
}
/* Pada layar yang lebar sama dengan atau lebih besar dari 769 paksi */
@media (min-width: 769px) {
  .float-right-lg {
    float: right;
  }
}

Coba sendiri

Halaman yang berhubungan

Panduan:Floating CSS