How To Correctly Size An Image Box On Webflow

‍

Here is how to correctly size your images in Webflow:

1. You can insert images directly in Webflow from the Assets tab or by adding an Image block. Both are identical. To use an asset image directly go to the Assets tab from the left sidebar menu.
2. Drag any image you wish to where you want to place it and drop.
3. You now have an image, or a populated image block. You can begin to resize this image in various ways. The simplest of which is by dragging its corner edge to resize it.
4. Simply hold and shrink or expand the image.
5. You have resized your image to your desired size.
6. Another way to correctly and more accurately size your image is by using the Style tab on the right sidebar menu. Locate the Size section and adjust values and units.
7. Enter the exact value for the units and press enter.
8. Or click on the unit to change units to PX, %, etc. and that's it.