evaluasi gambar postingan tidak responsif

Selasa (10/5/22)

Evaluasi gambar postingan tidak responsif

 

Tiket

Keluhan dari publik

kendala

tampilan gambar terlalu besar

 

Obyek

Website : https://cirebon.kemenag.go.id

 

Masalah tampilan tidak responsif

1. Setiap membuat postingan atau tulisan halaman postingan, ukuran gambar sangat lebar
2. sehingga dapat menutupi body tampilan dan kurang menarik dilihat

 

Analisis

1. Meneluri ukuran gambar dari tampilan postingan
2. mengarahkan kursor pada gambar dituju
3. Klik kanan moues, pilih inspeksi

  

tangkap layar / inspensi

Mencari formula dari ukuran gambar

 

tangkap layar / inspeksi

Membukat control panel

Cari tulisan “ img-fluid rounded” dan tulisan  width = “200px”, pada file halaman.php

tangkap layar / source code pada php

• tulisan “ img-fluid rounded” diganti menjadi  “float-right”,dan
• tulisan  width = “200px” diganti menjadi width=”auto”
• lalu simpan

Seperti pada gambar dibawah ini

 

tangkap layar / source code php

 

Kembali ke menu web utama, tekan refresh

hasilnya terlihat pada gambar dibawah ini :

 

tangkap layar / hasil pembenahan

aziz ahlaf

Kita hanya berbeda cara dalam memilih dosa

Share this post