CSS grid columns
Responsive grid.
- Snippet
- CSS
- 3 blanks to fill
.class {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 16px;
} Orange words are blanks you have not filled yet. Press ⌘ Return to copy.
About this template
Responsive grid.
- Category
- Code snippets
- Pack
- CSS
- Type
- Snippet, a short message
- Asks for
- class, Min, Gap
Use it anywhere you write: email, chat, a document or a support tool. If you send it often, save the finished text as a snippet in ClipBuddy and paste it again from your clipboard history with ⌘⇧V.
Template source
The template as written, with its blanks in double braces, such as {{Name}}.
.{{class}} {
display: grid;
grid-template-columns: repeat(auto-fill, minmax({{Min=240px}}, 1fr));
gap: {{Gap=16px}};
}