bigskysoftware / bigskysoftware/missing

Implement and document new grid helper

Open
#161 0 comments 0 reactions 0 assignees View on GitHub
documentation enhancement
Dominant language
CSS
Stars
798
Forks
29
PR merge metrics
No merged PRs in 30d

Description

## Questions
- Should we still have separate "Flexbox" and "Grid" sections in the navbar? If not, where do we move the content to?

## Possible impls

~~Blocked: `@scope` in Firefox.~~ Update: no longer blocked
Blocked: `attr()` for `` in Firefox (I think? [mdn](https://developer.mozilla.org/en-US/docs/Web/CSS/attr#browser_compatibility) isn't clear on this): Update: still blocked: https://caniuse.com/mdn-css_types_attr_type_function_ident

Possible new syntax from @dz4k

```

.grid {
[id] {
grid-area: attr(id);
}
}


...


...
...
```

More suggestions from deniz:

```
.layout-grid {
display: grid;
gap: var(--gap);
margin-block: var(--gap);

@media (max-width: 768px) {
display: flex;
flex-flow: column nowrap;
}
}
```
Usage:
```

```

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.