Jump to content

Scaling the portfolio

Recommended Posts

Site URL: https://dave.online

Hello! I've got a portfolio gallery modeled after 
https://jackharding.com/projects
https://www.shortstache.com/personal

It looks great on my computer, but it isn't scaling correctly on mobile. I'm trying to get it to scale relatively, similar to their galleries.

I'm added code I've found on this forum to get this far, but it may be pretty ugly behind the scenes. Any guidance would be awesome. Thank you so much!

https://dave.online/travels
pass: 12345


 

Link to comment
  • Replies 4
  • Views 414
  • Created
  • Last Reply

Top Posters In This Topic

On 1/30/2022 at 8:49 AM, daveneedshelp said:

If you see my gallery on mobile, it's very narrow. I'd like the portfolio images to appear taller, seeing fewer on the screen, like the examples I listed above. Thanks so much.

Add to Design > Custom CSS > Then save & reload the site

/* mobile portfolio */
@media screen and (max-width:767px) {
.portfolio-grid-overlay .grid-item .grid-image, .portfolio-grid-overlay .grid-item {
    padding-bottom: 50% !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 2/3/2022 at 3:27 PM, tuanphan said:

Add to Design > Custom CSS > Then save & reload the site

/* mobile portfolio */
@media screen and (max-width:767px) {
.portfolio-grid-overlay .grid-item .grid-image, .portfolio-grid-overlay .grid-item {
    padding-bottom: 50% !important;
}
}

 

That was exactly what I needed. Thank you so much!

Link to comment

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.