Thumbnail

The Wikyll logo

thumb is a CSS class in fundamentals.css that renders like MediaWiki’s thumbnail images

Syntax:

> ![](/files/image.png){:width="200px"}
>
> My image
{: .thumb }

It is recommended to specify an image size to make sure your image isn’t too big for the page.

So if one were to make a thumbnail image of the Wikyll logo, it should be like:

> ![](/files/wikyll.png){:width="200px"}
>
> The Wikyll logo
{: .thumb }

and will render as shown on the right.

The Liquid tag can also be used like this

{% thumb /files/image.png 200 My image %}

But instead of Markdown like usual, it needs to use HTML formatting for the description. (** → <strong>)

Infobox

Wikyll logo

Language	Ruby
Developer	Swee

Similarly, you can style to an infobox using a table after the caption.

> ![](/files/wikyll.png){:width="200px"}
>
> Wikyll logo
>
> |      |      |
> |------|------|
> |Language|Ruby|
> |Developer|Swee|
{: .thumb }

this will render as shown on the right side.