Muhammad Hafid

Blog Belajar Python atau Django

Muhammad Hafid

Tugas kita itu adalah bukan untuk berhasil, tugas kita adalah untuk mencoba, karena di dalam mencoba itulah kita menemukan dan belajar membangun kesempatan untuk berhasil.

Image Responsive Material UI Style

Wow, katakan wow pada material UI, yang dimana UI ini digunakan oleh google juga loh, bagi kalian yang berkecimpung dibidang web desain / front end developer wajib mencobanya. Disini saya tidak akan membahas panjang lebar mengenai material UI.
Disini saya hanya ingin share mudahnya membuat image responsive di material UI hanya menyisipkan class yang sudah ditentukan. Perhatikan script dibawah ini :

Script menampilkan image yang standard :
<img src="img/logoasei.png" alt="Logo Asuransi Asei"> <br />
Dirubah menjadi :
<img src="img/logoasei.png" class="responsive-img" alt="Logo Asuransi Asei">
Ingat ya disini saya sudah mengincludekan material UI nya, di headernya : 
<link type="text/css" rel="stylesheet" href="css/materialize.css"  media="screen,projection"/>

Penjelasan diatas adalah untuk gambar ori ya, jadi mengikuti ukuran size gambar yang sebenarnya, atau kalian ingin menampilkan gambarnya didalam lingkaran, classnya seperti ini :
class="circle responsive-img"
Mudah bukan ?

Labels: html

Thanks for reading Image Responsive Material UI Style . Please share...!

0 Comment for "Image Responsive Material UI Style"

Back To Top