GithubHelp home page GithubHelp logo

Comments (4)

okydk avatar okydk commented on June 1, 2024

Hi Mirko, glad you like it!

I find the CSS-grid spec quite confusing and therefore created this lib as an abstraction to use in all my projects. So far it has covered all my use-cases, and when extra is needed the CSS can just be extended or overwritten as it just uses CSS-grid! 😀

I will add new features as I require myself, but am all ears if you need any specific functionality.

from basegrid.

fluxxus avatar fluxxus commented on June 1, 2024

Hi, thanks for clearing things up :) You've really nailed it in a few lines of code.

As for additional functionality, I've seen lately a few grid articles about leaving empty cells(and styling them) to create some visual interest.

Not sure if that is possible with your lib, although I believe it is not something that one can't live without.

P. S. The demo page is not looking good on mobile, text overflows the columns, maybe to show a way how to rearrange the layout for smaller screens?

Also, it would be nice to recreate a few layouts from let's say Grid by example site, and have those layouts in the docs for people that want to see how this works in so called real life scenarios.

Those are the things that come to my mind now, for anything else I need to start building stuff!

from basegrid.

okydk avatar okydk commented on June 1, 2024

That's where --x and --y comes handy! You can place sections completely independent of the general flow. With this you can create all the white-space you need. Another approach would be to put some empty sections in with certain heights. Little tip: Use a fixed grid at least while building.

Thanks for the heads up! Will fix the mobile site asap, and also include some more detailed examples in the repo. :)

from basegrid.

fluxxus avatar fluxxus commented on June 1, 2024

Great! Appreciate the tip(s) :)

Looking forward to more detailed examples!!

from basegrid.

Related Issues (4)

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.