Center an image

Bill

In V2, how do I center an image?

Anna Wiersema

Hey Bill, you should be able to user a responsive grid.

<skuid__page unsavedchangeswarning="yes" personalizationmode="server" showsidebar="true" showheader="true">
    <models/>
    <components>
        <skuid__grid uniqueid="sk-b-n-1686" flexDirection="row" justifyContent="flex-start" alignItems="flex-start">
            <divisions>
                <division minWidth="100px" ratio="1" alignSelf="auto">
                    <components/>
                </division>
                <division alignSelf="auto" minWidth="100px" ratio="1">
                    <components>
                        <skuid__image source="url" uniqueid="sk-b-q-2949" datasource="Ui-Only" url="https://dev-repro.skuidsite.com/assets/images/SkuidLogo_mark.svg"/>
                    </components>
                </division>
                <division alignSelf="auto" minWidth="100px" ratio="1">
                    <components/>
                </division>
            </divisions>
            <styles>
                <spacing top="3" bottom="3" left="3" right="3"/>
            </styles>
        </skuid__grid>
    </components>
    <resources>
        <labels/>
        <javascript/>
        <css/>
        <actionsequences/>
    </resources>
    <styles>
        <styleitem type="background" bgtype="none"/>
    </styles>
</skuid__page>