Streaming live at 10am (PST)

Changing size of portfolio image previews


#1

I am trying to change the size of the preview picture for my portfolio images. I would like the site to stay responsive. When I do this i cant get it to hug the side of the site.


Here is my public share link: LINK
(how to access public share link)


#2

Try setting the parent container to flex, space-between


#3

Awesome, that worked...Now how do I set the size of each box to be something different?


#4

If they have the same class, just give it a width.


#5

I just did that and it stretches the image...


#6

How are you doing it? Could you post your public share link please?


#7

https://webflow.com/website/bermanpix?s=bermanpix


#8

To avoid stretching images, I would normally use a background image, setting: center/cover


#9

Nit sure what that means and where to do that... I would like when the site gets bigger or smaller in a browser, you never see a white border on top or bottom of the image.


#10

I think what @samliew meant is rather than use the image element, add a div block, go to the paint brush panel, add a background image to the div, and then press contain. :slightly_smiling:

Hope this helps.


#11

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