Skip to content

fix row grid so f-*_not-* doesn't count as last child in a row #111

@dotnetCarpenter

Description

@dotnetCarpenter

The last element (we're using last-child) in a row doesn't have a margin-right for the gutter. We have classes like f-row_not-desktop/f-row__not-desktop that hides a cell or row in a viewport width. Using our current logic, they still count as elements when using last-child, hence the visual last-child still has a margin-right gutter.

The workaround is to make the last cell take up -1 space out of the grid. The problem is that the workaround possibly makes the alignment wrong. And is confusing.

Metadata

Metadata

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions