Jump to content

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

Recommended Posts

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


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!! 

Screen Shot 2020-12-21 at 2.30.36 PM.png

Link to comment
  • Replies 1
  • Views 264
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.