search

cobyism / gridism

A simple responsive CSS grid.
http://pages.cobyism.com/gridism
MIT License
658 stars 85 forks source link

Vertical align?? #25

Closed danielk1260 closed 10 years ago

danielk1260 commented 10 years ago

How to get a vertical align i have only one div with a class whole for design of my login systen but how to align vertical?

cobyism commented 10 years ago

Sorry, but gridism hasn’t touched the issue of vertical alignment at all. I’m really hesitant to add it in too, since there’s a lot of varied opinions about the best ways to do vertical alignment with CSS, and often different approaches are better in different situations/projects (i.e. vertical-align: …; vs. containers and absolute/relative positioning hacks etc).

If you (or anyone else) have some suggestions about a straightforward, generic way to implement vertical alignment helpers in gridism, I’d love to hear suggestions, but right now, I don’t think it’s something I’m going to look at adding any time soon. Sorry about that!

tomicakorac commented 9 years ago

Hi Coby, and thanks for the awesome library. It keeps saving me hundreds of work hours :)

Have you considered using flex box for this? It seems to be the perfect generic solution for many problems, albeit not entirely supported by legacy browsers. Have a look at this. Flexbox seems to also solve, among others, the problem of sticky footer. This here is a great resource to look at.

I'm considering cloning your Gridism and adopting flex box. Once I do, I'll let you know and you can see hot it goes.

cobyism commented 9 years ago

Yep, flexbox is great! When I originally started this, browser support still wasn’t great for flexbox though.