<div class="controls">
<label>Filter:</label>

<button class="filter" data-filter="all">All</button>
<button class="filter" data-filter=".category-1">Category 1</button>
<button class="filter" data-filter=".category-2">Category 2</button>

<label>Sort:</label>

<button class="sort" data-sort="myorder:asc">Asc</button>
<button class="sort" data-sort="myorder:desc">Desc</button>
</div>
<div id="Container" class="container">
<div class="mix category-1" data-myorder="1"></div>
<div class="mix category-1" data-myorder="2"></div>
<div class="mix category-1" data-myorder="3"></div>
<div class="mix category-2" data-myorder="4"></div>
<div class="mix category-1" data-myorder="5"></div>
<div class="mix category-1" data-myorder="6"></div>
<div class="mix category-2" data-myorder="7"></div>
<div class="mix category-2" data-myorder="8"></div>

<div class="gap"></div>
<div class="gap"></div>
</div>

Eric Rohloff wrote:
Can you share a link please?

Wayan Jaya wrote:
Hello from sunny Bali,
Excuse me for butting in, & I am only guessing here but you could look at setting left / right margins for the images to auto, that might help to center the images.

And even the container/ left right margins(if thats what the images are placed in )

Eric McDowell wrote:


The images are in a container. I just did a test with those settings (auto margins) but no difference. Possible I am doing something wrong... most of what I accomplish within RSD is trial and error

Wayan Jaya wrote:

try setting the width of the container to 100% and the max width to none (keeping the auto margins on auto )