All Collections
Viz Flowics
Settings
Resizing an element to fit to parent
Resizing an element to fit to parent
Updated over a week ago

This property makes the current element cover its parent element, by setting position to 0% (X) 0% (Y) and size to 100% (Width) 100% (Height).

Be aware

The percentage (%) that defines the position and size of the elements is based on the element parent, or in other words, the values of the containing block.

Every single element (Building Block) contains “Fit to parent” button, next to size and position inputs.


Working example

In the example below, this property is used to specify how an image element resize and fit the container.

It tells the Image how to fit in the Container preserving that aspect ratio or stretch up and take up as much space as it has.

(1) CONTAINER (PARENT)

(2) IMAGE ELEMENT (CHILD)

(3) RESET POSITION

(4) FIT TO PARENT

Did this answer your question?