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)
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)
Try setting the parent container to flex, space-between
Awesome, that worked…Now how do I set the size of each box to be something different?
If they have the same class, just give it a width.
I just did that and it stretches the image…
How are you doing it? Could you post your public share link please?
To avoid stretching images, I would normally use a background image, setting: center/cover
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.
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.
Hope this helps.
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.