phonegap/phonegap.github.io

Inconsistent columns in App Showcase

Closed this issue · 9 comments

mwbrooks commented

image

  • First row has 5
  • Second row has 6
  • Third row has 1

@jahoni is this design intentional? Otherwise, how many columns should be in a row?

GarthDB commented

@mwbrooks this is flexbox - it is a result of varied widths. I can fix them.

jahoni commented

not a design intent. ideally, the rows flow with columns "filling up" left to right.

GarthDB commented

I can tweak that with justify-content

imhotep commented

Facing this too!

GarthDB commented

This is fixed, but the filling up from left to right is an issue - I can't find a way to center the block of them if I'm filling up from left to right, so they will end up looking like this when the content doesn't fit perfectly:
image

Let me know which you would prefer @jahoni

GarthDB commented

here's what it looks like now:
image

jahoni commented

I say left justified block. @mwbrooks and @imhotep do you concur?

mwbrooks commented

Yep, I think that feels right to me too @jahoni

On Friday, 26 February 2016, Joni Rustulka notifications@github.com wrote:

I say left justified block. @mwbrooks https://github.com/mwbrooks and
@imhotep https://github.com/imhotep do you concur?

—
Reply to this email directly or view it on GitHub
#96 (comment)
.

GarthDB commented

👍