How to resize an image within a container?

Solved. Thank you! :)

do you have a view only link?

link goes to a 404. can you create a new one?

look video , i have try rebuild again and use div block

1 Like

There’s a few ways to do this. Try this:

  • Delete the Flex Container and replace it with a regular Div Block. The Flex Container is set to a max-width that makes responsive designs easier. However, it creates restrictions.

  • Change the Div Block layout to Flexbox and center it horizontally. You can also change the width to 80vw, which is 80% of the entire view-width of whatever device is being used

  • Transfer the text and image from the old Flex Container to the new Div Block in their respective columns. Take the image out of its container and remove the 500% width and height.

You can also set the image container to be Absolute positioning which would allow you to position and resize the image without any bounds, however, this can get tricky if you’re unfamiliar.

2 Likes

Or just follow @guoshuzhang video :smile:

Hi

Try Grid. A Webflower’s best friend :slight_smile:

https://www.loom.com/share/44b92a1dfe5b451d83de8442482c5f45

1 Like

Solved. Thank you! :)

Hi

Make sure your read only link is still validate. It returns 404 :wink: