Trying to achieve the perfect single column portfolio

Hallo people of Squarespace.

Im having slight issues with my page, I'm trying to showcase my work in the single column. I already found few posts about this topic and I used the CSS code from master tuanphan.

Problem is that I cannot adjust the thickness of the block. Is there any "width" code to put in? And on mobile the blocks are too thin. I will leave some screenshots of my site and reference to explain my situation.

Any help is much appreciated!

Single row code I'm currently using:

Quote

div#gridThumbs {
    grid-template-columns: repeat(1,minmax(0,1fr)) !important;
}
div#gridThumbs {
    padding-left: 0;
    padding-right: 0;
}

Hi,

What is your site url? We can check easier

https://pomegranate-cow-6lyt.squarespace.com

pass: qwerty

On 2/20/2023 at 9:17 PM, LuckyLuke said:

https://pomegranate-cow-6lyt.squarespace.com

 

pass: qwerty

Which page are you referring to?

Sorry, this one -->https://pomegranate-cow-6lyt.squarespace.com/portfolio

On 2/26/2023 at 2:37 AM, LuckyLuke said:

Sorry, this one -->https://pomegranate-cow-6lyt.squarespace.com/portfolio

Try adding to Design > Custom CSS

a.grid-item, .grid-image {
    padding-bottom: 20% !important;
}

On 2/28/2023 at 2:52 PM, tuanphan said:

Try adding to Design > Custom CSS

a.grid-item, .grid-image {
    padding-bottom: 20% !important;
}

 

Perfect! On desktop it looks great. Is it possible to do the opposite, but just for mobile? Looks extremely tiny right now.

On 3/6/2023 at 2:00 AM, tuanphan said:

Use this

a.grid-item, .grid-image {
    padding-bottom: 20% !important;
}
@media screen and (max-width:767px) {
a.grid-item, .grid-image {
    padding-bottom: 70% !important;
}
}

 

Thank you very much!