Comments (4)
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.
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.
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.
Great! Appreciate the tip(s) :)
Looking forward to more detailed examples!!
from basegrid.
Related Issues (4)
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from basegrid.