Search…

X3 Photo Gallery Support Forums

Search…
 
User avatar
svenflock
Experienced
Topic Author
Posts: 34
Joined: 14 Oct 2019, 14:44

How to center the last row of grids

07 Jan 2020, 17:17

Hi all,

I have noticed that for medium screens folder widgets are broken down into 2 columns. If we have an uneven number of folders, the last folder is not centered but aligned left which looks incomplete.

How do I achieve a center-alignment for the last even numbered row?

Using the Foundation grid widget I observe the same behaviour, for example (see https://ziin-hochzeitsfotograf-duesseldorf.de/):
Code
<!-- Evenly adjust content within a block-grid -->
<!-- Read more: http://foundation.zurb.com/sites/docs/v/5.5.3/components/block_grid.html -->

<ul class='small-block-grid-1 medium-block-grid-2 large-block-grid-3'>
    <li><img src="content/index/spreadshirt-logo.png" alt="" /></br></br></li>
    <li><img src="content/index/hochzeit-selber-planen-logo.png" alt="" /></br></br></li>
    <li><img src="content/index/firmenpresse-logo.png" alt="" /></li>
</ul>
I have read the documentation and I also found an article about my issue but I do not know how to apply it to the unordered lists. It is only described for the 12-columns-grid.

https://zurb.com/university/lessons/cen ... ven-layout

Thanks a lot!
Attachments
Screenshot 2020-01-07 at 20.48.16.jpg
Screenshot 2020-01-07 at 20.48.16.jpg (337.43 KiB) Viewed 3048 times
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: How to center the last row of grids

07 Jan 2020, 22:07

In my opinion, even if you manage to center the last column on "medium" size screens, it will still look inbalanced. Instead, why not force 3 columns row also on medium size screens? This should be the best solution, especially if you are using three items only for a presentation-style page. This is how it will look on iPad mini held in vertical orientation (768px), which is essentially the smallest "medium" size width:
Image

Simply go to the page settings > Gallery, and in "Columns amount" set "3,3,1". I don't see any point in looking into a center-last-column on medium screens if the above should be a more optimal solution.
 
User avatar
svenflock
Experienced
Topic Author
Posts: 34
Joined: 14 Oct 2019, 14:44

Re: How to center the last row of grids

08 Jan 2020, 15:19

Worked like a charm. Thanks! You're right, it looks good on iPad Mini as well with 3 grid layout. Never thought of it.