* {
  box-sizing: border-box;
}

[grid] {
  outline: 1px dashed rgb(84, 105, 141);
}

[grid][gap] {
  outline: none;
}

[grid] div {
  display: inline-flex;
  background: rgb(84, 105, 141);
  color: white;
  justify-content: center;
  align-items: center;
  height: 2rem;
  font-family: sans-serif;
  outline: 2px solid white;
}

[grid] [size] {
  background-clip: content-box;
}