Center an image

In V2, how do I center an image?

Answers

  • 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>
    
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!