Adjusting images

Markdown

For images added using Markdown, we are unable to adjust the images sizes.

HTML

Hence, if you require to adjust your the image size, you will need to use html code instead. Instead of a separate CSS file, Isomer uses inline CSS for adjustments of the images. (Not important if you don't understand)

This is how a typical image code will look like.

We use the style command to control the attributes (width, height, aspect-ratio etc) of the image. We can fix the attribute using an absolute value like the number of pixels (px), a percentage of the original image size (%) or a percentage of the device frame size (vw, vh).

Using px (pixel):

Using % (percentage of original size):

Using vw (view width):

You can resize your window to see how the images are resized to fit.