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;
}