https://github.com/shadeed/grid-to-flex

Easily create Flexbox fallback for your CSS Grid!
https://github.com/shadeed/grid-to-flex

Last synced: 3 months ago
JSON representation

Easily create Flexbox fallback for your CSS Grid!

• Host: GitHub
• URL: https://github.com/shadeed/grid-to-flex
• Owner: shadeed
• Created: 2019-07-28T09:10:24.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2019-10-10T15:39:50.000Z (about 5 years ago)
• Last Synced: 2024-07-01T01:58:16.646Z (4 months ago)
• Language: CSS
• Homepage: https://shadeed.github.io/grid-to-flex/
• Size: 422 KB
• Stars: 80
• Watchers: 7
• Forks: 13
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Grid to flex

![""](img/screenshot.png)

CSS Grid minmax function is used to dynamically make a responsive layout with a specificed item width. On the left side, you can control the minimum width and spacing between grid items.

Check it out: [shadeed.github.io/grid-to-flex/](http://shadeed.github.io/grid-to-flex/)

[Codepen Demo](https://codepen.io/shadeed/pen/XWrLmYe)

Then, you can edit or add Flexbox breakpoints. Once that is done, click on Generate SCSS to get the ready to use Sass code.

## Generated Code

The code generated is a Sass mixin that can be reused in your project.

## Suggestions

Do you have a comment or suggestion? Please open an issue.