Logo Bar

A dedicated area for displaying one or more logos.

Code Example Shortcut: z-logo-bar

<z-container class="bg-opaque">
    <z-row class="six-up mobile:max-up">
        <z-col class="center">
            <img src="docs/images/logos/3.svg" class="flex-grow-1 w-125 h-50 center-me" alt="">
        </z-col>
        <z-col class="center">
            <img src="docs/images/logos/7.svg" class="flex-grow-1 w-125 h-50 center-me" alt="">
        </z-col>
        <z-col class="center">
            <img src="docs/images/logos/1.svg" class="flex-grow-1 w-125 h-50 center-me" alt="">
        </z-col>
        <!-- three more logos here -->
    </z-row>
</z-container>

The Zen Test

Every component, section, and utility we ship will pass layout, color, and functional tests to ensure they perform flawlessly in today's modern browsers.

So you can be assured it "just works". Try it out below.