fix: use display table for the thumnails in the docs

[DanielRuf]

The styles of the thumbnails in the docs use display: block
with auto margins on both sides for exemplary centering them.

But this does not work well with display: block on an a tag.
display: table text-center on the parent works much better in this example which is just for the docs and demonstrating the thumbnails.

Closes foundation/foundation-sites#11029

[ncoden]

This is no bug in Foundation Sites, the styles are only in the docs.
-- foundation/foundation-sites#11029 (comment)

It's hard to believe as this change the style and behavior of the thumbnail itself.

display: block should not have been applied in the first place. I think that a solution like text-align: center on the parent (the column) is far more cleaner and less conducive to unwanted side effects.

[DanielRuf]

It's hard to believe as this change the style and behavior of the thumbnail itself.

Just the doc styles are problematic.

text-align: center on the parent (the column) is far more cleaner and less conducive to unwanted side effects.

This will not work here ;-)

[ncoden]

This will not work here ;-)

I mean, by removing display: block and auto-margin. We want to center an inline-block element, the proper way to do that is with text-align: center on the parent ;)

[DanielRuf]

Would be a cleaner approach, right. I'll change it.

[DanielRuf]

But wait, the codepen does not center them https://codepen.io/IamManchanda/pen/EmLexY?editors=1100

So we should be consistent. To center or not to center?

[ncoden]

I vote for "to center" ;)

[DanielRuf]

And the example uses the float grid (not the new xy grid) which has no center class or did I oversee something? small-centered does not work here.

[ncoden]

text-center should be enouth there, or you can create a dedicated class.

[ncoden]

What was that ? 😄

[DanielRuf]

What was that ?

? =/

I accidentally deleted it, nothing more. Sorry for the confusion. The GitHub UI is crap.

[ncoden]

👍 Thanks. You can update foundation-docs in foundation/foundation-sites#11032