layoutit-grid
layoutit-grid copied to clipboard
Leniolabs
Layoutit grid is a CSS Grid layout generator. Quickly draw down web pages layouts with our clean editor, and get HTML and CSS code to quickstart your next project.
Tried in an incognito window as well. With default tracking protection settings applied. Versions: Firefox ESR: 78.14.0esr (64-bit) MacOS: BigSur 11.3.1 (20E241) 
See https://github.com/Leniolabs/layoutit-grid/issues/91#issuecomment-891108259 - change color on hover to darker blue once an item is selected, so the user knows it can click on the selected one to go back to...
At the moment it produces code like this: ```css .grid { display: grid; grid-template-columns: 1fr 2fr 3fr; grid-template-rows: 100px 200px 300px; grid-template-areas: "a a b" "a a c" "d d...
Allow to import existing html/css into the grid, this way can modify a previous created(with the app or manually) grid. An optional awesome feature can be maintain the not grid...
Hi, A feature request for an already great tool: The option to design for multiple device sizes and orientations at once and then the choice to export all the needed...
In addition to add rows and columns on current area with keys c and r: - Add row on current area under grid cell hovered + r - Add column...
For navigation on the main grid or in the subgrid of a selected area: Arrow right: move the hover to the right cell Arrow left: move the hover to the...
When you change a unit, the size is updated to 1fr, 300px, 10%, 4em. We should try to compute a new value for the track size that gives the same...
We are converting to valid a valid css name when generating the code or showing the area name in the editor. Now that we are also converting to a valid...
when filling sizes and magnitudes I would like to navigate through them using tab and shift + tab. Today, when pressing these keys, the behavior is somewhat unexpected.
