How do I resize my images in html? | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
0

How do I resize my images in html?

3rd Apr 2018, 1:59 PM
Sylvia
Sylvia - avatar
3 Answers
0
Thank You
3rd Apr 2018, 2:04 PM
Sylvia
Sylvia - avatar
0
Hi sylvia, there are various ways. 1) Through the bootstrap framework you can add the class img-responsive. This resizes the image to be in propotion with the parent div. 2) If you are coding css without any framework, you can assign a max-width to the image,then make it 100%. e.g img{ max-width:120px; height:auto; width:100%; }
11th May 2018, 6:49 PM
Derrick Njoroge
Derrick Njoroge - avatar
0
or you can use, img{ height:80px; width:80px; }
5th Jan 2021, 3:15 PM
CrazyImagine
CrazyImagine - avatar