Search the Community
Showing results for tags 'css-grid'.
Found 3 results
-
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; } Bu -
Hi I am trying to customize porfolio gallery. Works perfect on most templates adding grid-column class to make some of the items bigger, forcing them to be 2 columns wide and 2 rows heigh using the code below grid-column:span 2 grid-row-end: span 2 My question is how can I make some of the grids vertical or rectangular too? How could I make my home page portfolio gallery to look like the attached img? I'm guessing I failure due to the aspect ratio which will always be the same: only square, only vertical, etc.
- 3 replies
-
- 1
-
-
- css
- custom layout
- (and 3 more)
-
I am creating a custom code section on my home page and want to use css-grid to style it. Everything works fine except when I try to use the minmax function with fr units. This is a common way of having elements stretch evenly across a container but then stack when the window is resized and the min width (250) is reached. However this isn't working for me in Squarespace. Any thoughts on why? I'm using Chrome, so fr units and css-grid is compatible. grid-template-columns: reapeat(auto-fit, minmax(250px, 1fr); This seems to work, but it's obviously not what I want:
