Spry image gallery

Question

Hi there, just a question, I created a spry image gallery successfully with thumbnails on the left and the bigger image and details on the right, my problem is its created it with all the thumbs going down vertically after looking everywhere i havent found the solution, im hopefully wanting the thumbnails in a grid style so there are a few on each line, can anyone help?

Answer 1

I'm not sure which part of the code you were asking for, but this is the code from the actual spry table which was created.
    <div id="Text">
      <div class="MasterDetail">
        <div spry:region="ds1" class="MasterContainer">
          <div class="MasterColumn" spry:repeat="ds1" spry:setrow="ds1" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected">{thumbnail}</div>
        </div>
        <div spry:detailregion="ds1" class="DetailContainer">
          <div class="DetailColumn">{name}</div>
          <div class="DetailColumn">{description}</div>
          <div class="DetailColumn">{picture}</div>
        </div>
        <br style="clear:both" />
      </div>
      <p> </p>
    </div>