Dynamic List - Responsive Gridded Thumbnails

Design help General
1

Hi there!

Ive been trying various routes to make my dynamic list scale the thumbnails at various screen sizes. Ideally the thumbnails would take up around 80% of the screen. No matter what I do, It wont scale down or up the image but only uses the actual pixel size resulting in bad cropping or large gaps when in a large screen. The second best solution would to fix the grid to the middle and allow the sides to flex.

Any thoughts or tips? Mahalo!

https://preview.webflow.com/preview/thebear-us?preview=cf7712d57ee5c6bae127100143540b30

2

Hi @tarynkealani Welcome to the community! :smiley:

Try giving your “Gridded Thumb” a background style of COVER and position it to the center:

256×509 22.5 KB

Hope this helps :slight_smile:

3

Awesome thank you @PixelGeek!!!

4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.