div {
  line-height: 100;
  margin: 20 30;
  margin: 20 30px;
  margin: 20px 30;
}
div {
  property: 10;
  property: +10;
  property: -10;
  property: 0.1;
  property: +0.1;
  property: -0.1;
  property: -.1;
  property: +.1;
  property: 0;
  property: 10;
  property: .10;
  property: 12.34;
  property: 0.1;
  property: 1.0;
  property: 0.0;
  property: +0.0;
  property: -0.0;
  property: .0;
  property: 1.200000;
  property: 1.2e2;
  property: 1e2;
  property: .2e2;
  property: 1.2E2;
  property: 1.2e+2;
  property: 1.2e-2;
  property: -1;
  property: -1.2;
  property: .2;
  property: -.2;
  property: +.2;
  property: -1.2e3;
  property: 1.75;
  property: +1.75;
  property: 1e0;
  property: 1e1;
  property: 1e+1;
  property: 1e-1;
  property: 1e-10;
  property: 1 +2;
  property: 1 -2;
  property: 4.01;
  property: -456.8;
  property: .60;
  property: .0060;
  property: 10e3;
  property: -3.4e-2;
  property: 0.5600000000;
  property: 10e6;
  property: 10000000;
  property: 0.0;
  property: -0.0;
  property: +0.0;
  property: 0.00;
  property: 1e0;
  property: 1e1;
  property: 1e2;
  property: 1e3;
  property: 1e4;
  property: 1e5;
  property: 1e-0;
  property: 1e-1;
  property: 1e-2;
  property: 1e-3;
  property: 1e-4;
  property: 1e-5;
  property: -1e-0;
  property: -1e-1;
  property: -1e-2;
  property: -1e-3;
  property: -1e-4;
  property: -1e-5;
  property: 0.1;
  property: 0.01;
  property: 0.001;
  property: 0.0001;
  property: 0.00001;
  property: 0.000001;
  property: 0.5;
  property: 0.05;
  property: 0.005;
  property: 0.0005;
  property: 0.00005;
  property: 0.000005;
  property: 0.000015;
  property: 0.00001543;
  property: 0.00001543000;
  property: 000000;
  property: +000000;
  property: -000000;
  property: 100.1e-5;
  property: 100.1e-6;
  property: 10001000000;
}
div {
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  grid-auto-rows: minmax(100px, auto);
}
.one {
  grid-column: 1/ 3;
  grid-row: 1;
}
.two {
  grid-column: 2/ 4;
  grid-row: 1/ 3;
}
.three {
  grid-column: 1;
  grid-row: 2/ 5;
}
.four {
  grid-column: 3;
  grid-row: 3;
}
.five {
  grid-column: 2;
  grid-row: 4;
}
.six {
  grid-column: 3;
  grid-row: 4;
}
#grid {
  display: grid;
  height: 100px;
  grid-template: repeat(4, 1fr) / 50px 100px;
}
.foo {
  grid-area: 2 span/ another-grid-area span;
}