Jump to content

Making project images smaller in a one-column gallery

Recommended Posts

Hi! My website is www.othi.la // password is Print01

On my home page, on the portfolio section, I managed to make the project gallery have only one project per column (as supposed to the template's default minimum of two) using this code: 

.portfolio-grid-basic {
  grid-template-columns: 1fr;
}

That is working great. However, now I want to make each project image smaller, so that there is more space between the images and the site's margins.

What would I have to add to the CSS to make that happen? 

Thanks in advance!

Link to comment
  • Replies 1
  • Views 222
  • 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.