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