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
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • 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.