I noticed that there is a severe lack of resources that give people code pieces of code to copy. Often resources like stack overflow fall flat when it comes to trying to learn new things!

So I'm here to give you guys a straight answer.


Automatically Scaling Image Gallery

Images in rows (autoscale)

An example of this is shown on this page of my website: Skittles Image Gallery

In order to use this, copy the below code into your stylesheet, or put it in <style></style> tags.

Then, copy the following text where you want the images in your document.

Don't forget to change the src="" links to the images you want.

If you want to edit the width of a specific image, add style='width:__%' to your img tag.