A random HTML element:

👉 BUTTON 👈

The same HTML element, now scaled up to match the width it parent element by pat-auto-scale:

👉 BUTTON 👈

The scaling mechanism takes paddings into account:

👉 BUTTON 👈

Another element, scaled up to fill the parent element. This is done with the property: `size: contain`.

👌

The same element, now scaled up to fill the parent completely. The styling property `overflow: hidden` is used on the parent element to prevent bleeding. This is done with the property: `size: cover`.

👌

Autoscale and fullscreen:

👉 BUTTON 👈