Code Block CSS Grids, grid-column: 1/2 is calculating as .5?

Site URL: https://octahedron-khaki-7xeg.squarespace.com/services

Hello!

I am creating a grid inside of a code block and I am using the property:

 grid-column: 1/2;

to tell where the items should be in the grid. I do this multiple times with different items. Squarespace is calculating the result of the fraction instead of doing what its suppose to do. If you're unfamiliar, its suppose to place said element from line 1 to line 2.

For example, the first header "Basic Books" is suppose to be from column line 2 to line 3:

.desktop-packages #basic {
  grid-column: 2/3;
}

But its coming out in Squarespace as:

.desktop-packages #basic {
    grid-column: .66666667;
}

Which obviously isn't a real thing, so its causing an error. Is there a way I can stop this from happening? Is Squarespace trying to fix this at all? it's truly so annoying.

 I've attached an image of what the grid is suppose to look like and a link to the website is here: https://octahedron-khaki-7xeg.squarespace.com/services
PW: tj

Any help is much appreciated!! 

I figured out a solution:

If you use

grid-column-start: 1; 
grid-column-end: 2;

Instead of the short hand

grid-column: 1/2;

It works.