Advanced Media & Icons

A guide to creating beautiful, responsive, and performant media experiences.

Responsive Image Gallery

Axiom's grid system makes it easy to create stunning, responsive image galleries. The example below uses a simple `grid` class to create a gallery that automatically adjusts to different screen sizes.

A beautiful landscape
A beautiful landscape
A beautiful landscape
A beautiful landscape
A beautiful landscape
A beautiful landscape

Working with Icons

Axiom is icon-agnostic, but we recommend using SVGs for their scalability and performance. Here's how you can use both icon fonts and SVGs in your projects.

Icon Fonts (Font Awesome)

Using an icon font is as simple as including the stylesheet and using the appropriate classes. You can even style them with Axiom's color variables.

Inline SVGs

For maximum control, embed your SVGs directly in your HTML. This allows you to style them with CSS and even animate them.