https://github.com/mapache-salvaje/holy-grail-grid
https://github.com/mapache-salvaje/holy-grail-grid
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/mapache-salvaje/holy-grail-grid
- Owner: mapache-salvaje
- Created: 2023-11-10T11:12:45.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-10T11:12:52.000Z (over 1 year ago)
- Last Synced: 2025-01-23T00:20:29.734Z (4 months ago)
- Language: HTML
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Holy Grail CSS Grid Layout
From Josh Comeau's CSS for JS Developers course.
> Essentially, this handy-dandy “World Famous” grid snippet creates a grid with a dynamic number of columns. Each column will be the same width, and it'll try and pack as many in as it can while staying above a specified minimum (in this case, 150px).
> It's useful when we have a list of items that we want to render, like a group of cards. We want them to be uniform, and to tile nicely no matter what the screen size is, or how many items we have.