You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
[![Support me on Patreon][badge_patreon]][patreon][![Buy me a book][badge_amazon]][amazon][![PayPal][badge_paypal_donate]][paypal-donations][](https://github.com/IonicaBizau/ama)[](https://www.npmjs.com/package/gridly)[](https://www.npmjs.com/package/gridly)[](https://www.codementor.io/johnnyb?utm_source=github&utm_medium=button&utm_term=johnnyb&utm_campaign=github)
9
25
10
26
<ahref="https://www.buymeacoffee.com/H96WwChMy"target="_blank"><imgsrc="https://www.buymeacoffee.com/assets/img/custom_images/yellow_img.png"alt="Buy Me A Coffee"></a>
11
27
28
+
29
+
30
+
31
+
32
+
33
+
12
34
> The minimal (~100-170 bytes) grid system for modern browsers.
13
35
14
36
37
+
38
+
39
+
40
+
41
+
15
42
You don't need monolithic CSS frameworks for simple grid systems. ~100 bytes of CSS can save your life. :dizzy:
16
43
17
44
## Usage
@@ -69,8 +96,19 @@ Then you can use the `.row` and `.col` classes:
1. Please [post questions on Stack Overflow](https://stackoverflow.com/questions/ask). You can open issues with questions, as long you add a link to your Stack Overflow question.
155
+
2. For bug reports and feature requests, open issues. :bug:
156
+
3. For direct and quick help, you can [use Codementor](https://www.codementor.io/johnnyb). :rocket:
157
+
158
+
159
+
160
+
161
+
90
162
## :memo: Documentation
91
163
92
164
@@ -113,12 +185,22 @@ To extend this basic functionality, there is another file: `gridly-col-widths.mi
113
185
Like specified above, the `gridly.min.css` contains both: the core and the custom widths.
114
186
115
187
188
+
189
+
190
+
191
+
192
+
193
+
194
+
195
+
196
+
197
+
198
+
116
199
## :yum: How to contribute
117
200
Have an idea? Found a bug? See [how to contribute][contributing].
118
201
119
202
120
203
## :sparkling_heart: Support my projects
121
-
122
204
I open-source almost everything I can, and I try to reply to everyone needing help using these projects. Obviously,
123
205
this takes time. You can integrate and use these projects in your applications *for free*! You can even change the source code and redistribute (even resell it).
124
206
@@ -138,35 +220,60 @@ Thanks! :heart:
138
220
139
221
140
222
223
+
224
+
141
225
Run `npm i` to install the dependencies. Then, you can run the npm scripts using `npm run <script-name>`.
142
226
143
227
144
228
Run `npm run release` to recreate all the `dist` files.
145
229
146
230
231
+
232
+
233
+
234
+
235
+
236
+
237
+
238
+
239
+
240
+
241
+
242
+
147
243
## :dizzy: Where is this library used?
148
244
If you are using this library in one of your projects, add it in this list. :sparkles:
149
245
150
246
151
-
152
247
-[showalicense.com](http://showalicense.com/)–A site to provide an easy way to show licenses and their human-readable explanations. ([source](https://github.com/IonicaBizau/showalicense.com))
0 commit comments