Hi there, I’m struggling to resize an image. I dragged a layout to my web (probably a flex container?) then when I uploaded my image, it looks like this.
I want the image to be larger and position a little lower. However, I tried several attempts to adjust the size of both the container and the image and still can’t figurer out the problem.
I’m new to webflow and it is my first time building a website. Can someone help me please?
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.
Hi everyone! Sorry for the late reply. I read through all the solutions and also spent time to try each of them on my own. I think I managed to make the layout I wanted now, using the grid option. Though the preview looks good (like this)