Jump to content

kierstenamelia

Member
  • Posts

    6
  • Joined

  • Last visited

kierstenamelia's Achievements

Level 1

Level 1 (1/20)

0

Reputation

  1. Site URL: https://www.kierstenamelia.com/starbucks-pattern-library Is there a way to adjust how images "fill" their containers at different breakpoints? The only way I can get my grid system to work is by "filling" my image containers (see related question here). This works well for desktop: And for smaller mobile sizes: But it's really problematic for tablet and larger mobile sizes: Is there any way to force a certain aspect ratio (or range of ratios?) I have no idea how to resolve this issue!
  2. Site URL: https://www.kierstenamelia.com/starbucks-pattern-library I'm running into some frustrating issues with my scaling across desktop and mobile. My images are sized well to the grid on desktop.. ...but they don't scale nicely onto mobile: This is leading to some really weird and frustrating padding issues on mobile, where it's nearly impossible to get my spacing to be consistent. Unfortunately, "filling" the image isn't a great solution — because that leads to the image content getting cropped and moving off screen at some breakpoints. (I'm doing that for now but don't like it!) Is there some way to resolve this? Ideally the images could snap to the grid, and that grid would scale nicely across tablet and mobile. As a product designer, it's kind of a nightmare for my portfolio to look so buggy on mobile (and tablet is rough too). Would love any advice about this!
×
×
  • 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.