Skip to content

Can not find grid areas: intentional-left-blank  #1386

Description

@loominade

lets say I have a grid layout, where I want to draw ab H where certain regions are intentionally left blank:

.grid {
  grid-gap: 1px;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-template-areas: 'left top-void    right'
                       'left center      right'
                       'left bottom-void right' 
}

.grid__left {
  grid-area: left;
}

.grid__center {
  grid-area: center;
}

.grid__right {
  grid-area: right;
}

The build would produce the following warning

Can not find grid areas: top-void, bottom-void

But having empty grid areas is perfectly valid, isn't it? What should I do to solve this warning?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions