Git Product home page Git Product logo

cssgrid's Introduction

This grid system is now retired. I will leave it up on GitHub for a while, just in case anyone has any dependencies on it. But it will be gone soon. Read about why.

cssgrid's People

Contributors

andytlr avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

cssgrid's Issues

Making .last optional

It should be possible (using :last-of-type) to make the .last class optional. The reason I bring this up is that many of us are not concerned with supporting older IEs, but we'd still like to use the awesomeness of your framework and have clean/semantic markup. Pretty please?

Problem with columns and padding

The "problem" is that if we add some padding to the columns it breaks.
I don't know if it is the idea or not but it can simply fixed adding the box-sizing attribute (with prefixes).

I thought to make a pull request but first I've to know if it's a problem or not

Equal height columns

I've tried the most common techniques for achieving equal height columns (with differing content) but can't seem to get it working. I mean equal as in all columns in a row being the same height as the tallest one, not simulating it with background color or something like that. Anyone have some ideas on how to get it working specifically with the 1140px grid system?

Changing the order of column layouts

Hi there,
I was wondering if it's possible to change the order of columns somehow.

Say i have a .fourcol A and and a .eightcol B next to each other. On desktops I would like the order to be: A first (left) and B next (right).

On mobile though, I would like B to appear first and A next (so B on top, and A on the bottom). How do I accomplish this? I've tried compensating for the .last margin, by setting "margin-right: 0;" on B, and "margin-right: 3,8%;" on A. I've also tried floating B left and A right, changing vertical-align and other methods.

None of them seem to work - need help!

  • Kenneth

Provide a generator for different widths?

Any chance you can provide a generator for different (total) widths? Unfortunately not all designers/clients want to go with an exact width of 1140px.
I assume that might not be too much work but as an external person digging into code written by somebody else is always a mess - if any sort of cooperation is needed/wanted, I can offer help coding in PHP.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.