dearnaomichan Posted December 21, 2020 Share Posted December 21, 2020 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!! Link to comment
dearnaomichan Posted December 21, 2020 Author Share Posted December 21, 2020 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. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment